:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14201f;background:#f5f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f8f7}.page-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(560px,1.08fr)}.brand-panel{position:relative;overflow:hidden;padding:48px clamp(36px,5.5vw,84px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#073f3b 0%,#0f766e 58%,#149186 100%);color:white}.brand-panel:before,.brand-panel:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.06)}.brand-panel:before{width:390px;height:390px;right:-150px;top:-130px}.brand-panel:after{width:280px;height:280px;left:-115px;bottom:15%}.brand,.mobile-brand{font-weight:900;letter-spacing:.18em}.brand{position:relative;z-index:1;color:white;text-decoration:none;font-size:22px}.brand-copy{position:relative;z-index:1;max-width:610px;margin:56px 0 34px}.eyebrow,.step-label{font-size:12px;font-weight:900;letter-spacing:.13em}.eyebrow{color:#b7fff5}.brand-copy h1{font-size:clamp(38px,4.6vw,61px);line-height:1.03;margin:14px 0 20px;letter-spacing:-.04em}.brand-copy>p{font-size:17px;line-height:1.65;max-width:570px;color:#dff8f4}.product-preview{margin:28px 0 26px;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(3,43,40,.38);box-shadow:0 22px 50px rgba(0,0,0,.14);backdrop-filter:blur(10px)}.preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.preview-topbar>div{display:grid;gap:3px}.preview-kicker{font-size:9px;letter-spacing:.14em;font-weight:900;color:#93e5da}.preview-topbar strong{font-size:14px}.preview-live{display:flex;align-items:center;gap:7px;font-size:11px;color:#d9fff8}.preview-live i{width:8px;height:8px;border-radius:50%;background:#5ee6be;box-shadow:0 0 0 4px rgba(94,230,190,.12)}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.preview-stats div{padding:12px;border-radius:13px;background:rgba(255,255,255,.09);display:grid;gap:2px}.preview-stats strong{font-size:18px}.preview-stats span{font-size:10px;color:#c8eee8}.preview-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid rgba(255,255,255,.1)}.preview-row .avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.13);font-size:10px;font-weight:900}.preview-row div{display:grid}.preview-row strong{font-size:12px}.preview-row small{font-size:10px;color:#b9ddd7}.preview-row b{font-size:11px}.preview-row em{font-style:normal;font-size:10px;font-weight:800;color:#8ef0cf;background:rgba(94,230,190,.1);padding:5px 7px;border-radius:999px}.benefits{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.benefits li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#ecfffc}.benefits>li>span{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:rgba(255,255,255,.16);font-weight:800}.trust-card{position:relative;z-index:1;width:max-content;display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(0,0,0,.12);backdrop-filter:blur(8px)}.trust-card strong{font-size:14px}.trust-card span{font-size:12px;color:#cbf4ef}.form-panel{display:grid;place-items:center;padding:38px 28px}.form-card{width:min(100%,720px);background:#fff;border:1px solid #e2e8e6;border-radius:24px;padding:40px;box-shadow:0 22px 70px rgba(21,61,56,.08)}.mobile-brand{display:none;color:#0f766e;margin-bottom:26px}.step-label{margin:0 0 8px;color:#0f766e}.form-card h2{font-size:34px;line-height:1.1;letter-spacing:-.03em;margin:0 0 8px}.subtext{margin:0 0 26px;color:#667572;line-height:1.6}.signup-progress{position:relative;margin:0 0 26px}.signup-progress-line{position:absolute;left:20px;right:20px;top:18px;height:3px;background:#e6eeeb;border-radius:99px}.signup-progress-line span{display:block;width:0;height:100%;background:#0f766e;border-radius:99px;transition:width .2s ease}.signup-progress-steps{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.signup-progress-step{display:flex;align-items:center;gap:10px;color:#87928f;font-size:12px;font-weight:800}.signup-progress-step:last-child{justify-content:flex-end}.signup-progress-step b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #dbe5e2;color:#788480;z-index:1}.signup-progress-step.active,.signup-progress-step.done{color:#0f766e}.signup-progress-step.active b,.signup-progress-step.done b{border-color:#0f766e}.signup-progress-step.done b{background:#0f766e;color:white}.form-step{display:none;gap:18px}.form-step.active{display:grid}.field-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:8px;font-size:13px;font-weight:800;color:#344541}label>span small{font-weight:600;color:#8b9693;margin-left:5px}.input-shell{position:relative}.field-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#80908c;display:grid;place-items:center;pointer-events:none}.field-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}input{width:100%;height:52px;border:1px solid #d6e0dd;border-radius:12px;padding:0 14px 0 43px;font:inherit;font-size:15px;color:#17211f;background:#fff;outline:none;transition:border .16s,box-shadow .16s,background .16s}input:hover{border-color:#c4d2ce}input:focus{border-color:#0f766e;box-shadow:0 0 0 4px rgba(15,118,110,.1);background:#fff}input::placeholder{color:#9ba7a4}.field-help{font-weight:500;color:#7c8986}.password-wrap input{padding-right:60px}.show-password{position:absolute;right:8px;top:8px;height:36px;border:0;border-radius:9px;background:#eef6f4;color:#0f766e;font-weight:800;cursor:pointer}.check-row{display:flex;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:500;line-height:1.45;color:#566562}.check-row input{width:18px;height:18px;margin-top:2px;padding:0;accent-color:#0f766e;box-shadow:none}.primary-btn,.secondary-btn{height:52px;border-radius:13px;font-size:15px;font-weight:850;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.primary-btn{border:0;background:#0f766e;color:#fff;box-shadow:0 10px 24px rgba(15,118,110,.18)}.primary-btn:hover{background:#0b665f;transform:translateY(-1px)}.primary-btn:disabled{opacity:.62;cursor:wait;transform:none}.secondary-btn{border:1px solid #d6e0dd;background:#fff;color:#52615e}.secondary-btn:hover{border-color:#b9cbc5;background:#fafcfc}.step-actions{display:grid;grid-template-columns:130px 1fr;gap:12px}.reassurance{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;color:#73817e;font-size:11px;font-weight:700}.reassurance span{white-space:nowrap}.message{display:none;border-radius:12px;padding:11px 13px;font-size:14px;line-height:1.45}.message.show{display:block}.message.error{background:#fff1f1;color:#a13232;border:1px solid #ffd5d5}.message.success{background:#ecfbf6;color:#08684f;border:1px solid #c6f1e2}.login-link{text-align:center;margin-top:24px;color:#687673;font-size:14px}.login-link a{color:#0f766e;font-weight:800;text-decoration:none}.security-note{text-align:center;margin-top:12px;color:#879390;font-size:12px}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.auth-divider{display:flex;align-items:center;gap:12px;color:#94a3a0;font-size:12px;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e3ebe8}.google-btn{height:52px;border:1px solid #d4ddda;border-radius:13px;background:#fff;color:#25312f;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.google-btn:hover{background:#fafbfb;border-color:#c1ceca}.google-btn:disabled{opacity:.55;cursor:not-allowed}.google-logo{width:18px;height:18px;flex:0 0 18px}.email-pending-note{font-size:13px;line-height:1.5;color:#62716e;text-align:center}.auth-callback-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e5faf5 0,#f5f8f7 48%,#eef3f1 100%)}.auth-callback-card{width:min(100%,480px);background:#fff;border:1px solid #dfe9e6;border-radius:24px;padding:42px;text-align:center;box-shadow:0 24px 70px rgba(15,70,62,.1)}.auth-callback-logo{font-weight:900;letter-spacing:.18em;color:#0f766e;margin-bottom:24px}.auth-callback-card h1{font-size:28px;margin:18px 0 10px;letter-spacing:-.03em}.auth-callback-card p{margin:0;color:#667572;line-height:1.65}.auth-callback-spinner{width:44px;height:44px;margin:0 auto;border-radius:50%;border:4px solid #dff2ee;border-top-color:#0f766e;animation:breka-spin .8s linear infinite}.auth-callback-spinner.is-error{animation:none;border-color:#ffd9d9;border-top-color:#c24141}.auth-callback-back{display:inline-block;margin-top:22px;color:#0f766e;font-weight:800;text-decoration:none}@keyframes breka-spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.page-shell{grid-template-columns:minmax(320px,.86fr) minmax(520px,1.14fr)}.product-preview{display:none}}@media(max-width:900px){.page-shell{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{padding:24px 16px}.form-card{padding:30px 24px}.mobile-brand{display:block}}@media(max-width:620px){.field-grid.two{grid-template-columns:1fr}.step-actions{grid-template-columns:1fr}.secondary-btn{order:2}.form-card{border-radius:18px}.form-card h2{font-size:29px}.auth-callback-card{padding:32px 24px}.signup-progress-step span{font-size:11px}.reassurance{justify-content:flex-start}}
