.account-page{min-height:100vh;background:#f8f6ef}.account-header{position:relative;background:#fff}.back-site{font-size:11px;font-weight:800;color:var(--green);margin-right:20px}.account-main{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(380px,.82fr) minmax(580px,1.18fr)}.account-intro{position:relative;padding:80px max(5vw,calc((100vw - 1280px)/2));padding-right:6vw;background:linear-gradient(145deg,rgba(12,65,56,.95),rgba(27,104,88,.88)),url('https://koblevo.live/wp-content/uploads/2022/10/tiligulskiy-liman-1-1024x684.jpg') center/cover;color:#fff}.account-intro h1{margin:24px 0;font-size:clamp(48px,5.4vw,76px);line-height:1.02;letter-spacing:-.055em}.account-intro h1 em{font-style:normal;color:#f3d494}.account-intro>p{max-width:520px;font-size:15px;line-height:1.75;opacity:.72}.account-benefits{margin-top:55px;display:grid;gap:23px}.account-benefits>div{display:flex;align-items:center;gap:15px}.account-benefits>div>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(255,255,255,.14);color:#f3d494;font-weight:800}.account-benefits p,.account-benefits strong,.account-benefits small{display:block;margin:0}.account-benefits strong{font-size:13px}.account-benefits small{margin-top:3px;font-size:10px;opacity:.55}.account-help{position:absolute;bottom:35px;font-size:10px;line-height:1.7;opacity:.6}.account-help a{color:#f3d494;font-size:13px;font-weight:800}.register-panel{display:flex;align-items:center;justify-content:center;padding:55px 6vw;background:#fbfaf6}.register-start,.registration-form,.registration-success{width:min(590px,100%)}.mobile-eyebrow{display:none}.register-start h2,.form-head h2,.registration-success h2{margin:10px 0;font-size:38px;line-height:1.15;letter-spacing:-.04em}.register-start>p{margin-bottom:30px;font-size:13px;line-height:1.65;opacity:.62}.social-register{width:100%;height:56px;display:flex;align-items:center;border:1px solid #d9e0db;border-radius:10px;background:#fff;margin-bottom:11px;color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.social-register b{width:58px;font-size:20px;color:#4285f4}.social-register span{padding-left:18px;border-left:1px solid #e3e7e4}.social-register .mail-icon{color:var(--green)}.register-divider{height:1px;background:#dfe5e1;text-align:center;margin:30px 0}.register-divider span{position:relative;top:-10px;padding:0 12px;background:#fbfaf6;font-size:9px;text-transform:uppercase;opacity:.45}.existing-account{text-align:center!important;margin:0 0 10px!important;font-size:11px!important}.login-existing{width:100%;height:48px;border:1px solid var(--green);border-radius:10px;background:transparent;color:var(--deep);font-weight:800;cursor:pointer}.security-note{display:flex;gap:12px;margin-top:30px;padding:17px;border-radius:10px;background:var(--mint)}.security-note>span{font-size:24px;color:var(--deep)}.security-note p{margin:0;font-size:10px;line-height:1.6;opacity:.65}.form-head{display:flex;justify-content:space-between;align-items:start}.form-step-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:800}.form-close{border:0;background:#e9eeea;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer}.step-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:25px 0 30px}.step-progress i{height:4px;border-radius:5px;background:#dfe4e0}.step-progress i.active{background:var(--coral)}.form-step{display:none;border:0;padding:0;margin:0}.form-step.active{display:block}.step-description{font-size:12px;line-height:1.6;opacity:.6;margin:0 0 22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-grid .wide{grid-column:1/-1}.field-grid label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.field-grid label>span,.agreements label>span,.required-note span{color:var(--coral)}.field-grid input,.field-grid select,.field-grid textarea{width:100%;display:block;margin-top:6px;padding:13px;border:1px solid #d7ded9;border-radius:8px;background:#fff;color:var(--ink);font-size:12px;text-transform:none;letter-spacing:normal;outline:none}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(47,118,104,.1)}.notification-options{display:grid;gap:10px}.notification-options label{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #dce2de;border-radius:10px;background:#fff}.notification-options input{width:18px;height:18px;accent-color:var(--green)}.notification-options b,.notification-options small{display:block}.notification-options b{font-size:12px}.notification-options small{font-size:9px;opacity:.55;margin-top:2px}.preferred-channel{margin:20px 0;padding:16px;border-radius:10px;background:var(--cream)}.preferred-channel>span{display:block;margin-bottom:10px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.preferred-channel label{font-size:11px;margin-right:18px}.preferred-channel input{accent-color:var(--green)}.agreements{display:grid;gap:10px}.agreements label{font-size:10px;line-height:1.5}.agreements input{accent-color:var(--green)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.previous-step,.next-step,.submit-registration{min-height:48px;padding:0 22px;border-radius:30px;font-size:11px;font-weight:800;cursor:pointer}.previous-step{border:1px solid #d4dcd6;background:transparent;color:var(--ink);margin-right:auto}.next-step,.submit-registration{border:0;background:var(--coral);color:#fff}.required-note{display:block;text-align:right;margin-top:10px;font-size:8px;opacity:.5}.registration-success{text-align:center}.success-mark{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 25px;border-radius:50%;background:var(--mint);color:var(--deep);font-size:32px;font-weight:800}.registration-success p{max-width:480px;margin:20px auto;font-size:13px;line-height:1.7;opacity:.65}.success-number{display:inline-block;margin:10px 0 28px;padding:14px 25px;border-radius:10px;background:var(--cream)}.success-number small,.success-number strong{display:block}.success-number small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.success-number strong{margin-top:4px}.registration-success .next-step{display:block;width:max-content;margin:auto;line-height:48px}
@media(max-width:900px){.account-main{grid-template-columns:1fr}.account-intro{padding:65px 7vw 100px}.account-intro h1{font-size:55px}.account-help{bottom:25px}.register-panel{padding:60px 7vw}.account-header .back-site{display:none}}
@media(max-width:600px){.account-header{height:70px;padding:0 16px}.account-main{min-height:auto}.account-intro{padding:50px 22px 85px}.account-intro h1{font-size:42px}.account-benefits{margin-top:35px}.register-panel{padding:45px 20px}.mobile-eyebrow{display:block;color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.register-start h2,.form-head h2,.registration-success h2{font-size:30px}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.form-actions{flex-wrap:wrap}.previous-step{order:2}.next-step,.submit-registration{flex:1}.preferred-channel label{display:block;margin:9px 0}.social-register span{padding-left:12px}.social-register b{width:46px}.account-header .language-switcher{margin-left:auto}}
.google-demo-modal{border:0;padding:0;border-radius:18px;width:min(480px,94vw);color:var(--ink)}.google-demo-modal::backdrop{background:rgba(8,34,30,.72);backdrop-filter:blur(5px)}.google-demo-shell{position:relative;padding:36px}.google-demo-close{position:absolute;right:18px;top:18px}.google-logo{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#f0f4ff;color:#4285f4;font-size:23px;font-weight:800}.google-demo-shell h2{font-size:30px;margin:18px 0 7px}.google-demo-shell>p{font-size:12px;line-height:1.65;opacity:.6}.google-profile{width:100%;display:flex;align-items:center;gap:13px;margin-top:23px;padding:13px;border:1px solid #dbe1dd;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.profile-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--mint);font-size:11px;font-weight:800}.google-profile span:nth-child(2){flex:1}.google-profile strong,.google-profile small{display:block}.google-profile strong{font-size:12px}.google-profile small{font-size:9px;opacity:.5}.google-profile>b{font-size:20px;color:var(--green)}.google-demo-note{display:block;margin-top:15px;text-align:center;font-size:8px;opacity:.45}

/* Preview/account layout: registration first, intro second */
.account-main{grid-template-columns:minmax(580px,1.18fr) minmax(380px,.82fr)}
.register-panel{order:1}
.account-intro{order:2}
@media(max-width:900px){
  .account-main{grid-template-columns:1fr}
  .register-panel{order:1}
  .account-intro{order:2}
}

/* Account page keeps its own header flow, so no fixed-header spacer is needed */
body.account-page{padding-top:0}