:root{--ink:#122932;--ink2:#26434c;--muted:#657b83;--soft:#eef5f2;--green:#14b997;--dark:#061d29;--border:#dce8e5;--white:#fff;--focus:#0aa586;--shadow:0 22px 65px rgba(6,40,43,.075);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f8fbf9;margin:0;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:#087960;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #19ba99;outline-offset:3px}img,svg{max-width:100%}input,select,textarea{min-width:0}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:16px;top:-99px;padding:10px 15px;background:#fff;z-index:200}.skip-link:focus{top:12px}.icon{width:19px;height:19px;flex:0 0 auto;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.i-xs{width:16px;height:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand:hover{text-decoration:none}.brand img{height:39px;width:39px}.brand img.brand-logo{height:38px;width:auto;max-width:168px}.brand.white img.brand-logo{filter:brightness(0) invert(1)}.visual p.brand-tag{margin:10px 0 0;font-size:8.5px;line-height:1.4;letter-spacing:2.2px;text-transform:uppercase;font-weight:850;color:#a2eee0;max-width:220px}.brand-name{font-size:23px;font-weight:840;letter-spacing:-1.1px}.brand-sub{font-size:8.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:850;color:#a2eee0;display:block;margin-top:-4px}.brand.white{color:#fff}.brand:not(.white) .brand-sub{color:#087b70}
.layout{display:grid;grid-template-columns:minmax(380px,43%) minmax(480px,1fr);min-height:100vh;max-width:2000px;margin:auto}.visual{background:radial-gradient(circle at 70% 30%,#105260 0%,#0b3642 33%,#061d2c 75%);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;padding:43px clamp(30px,3.4vw,70px) 30px;min-height:780px}.visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(60,229,200,.065),transparent 35%,rgba(0,0,0,.12));z-index:-1}.visual:after{content:"";position:absolute;height:420px;width:420px;bottom:-260px;right:-140px;border-radius:50%;background:radial-gradient(circle,#43e4cc26,transparent 68%);z-index:-1}.visual-copy{margin-top:clamp(86px,13vh,160px);position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:850;color:#78ead3;display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#62e6c8;box-shadow:0 0 0 5px #44d4b32c}.visual h2{font-size:clamp(34px,3.3vw,55px);letter-spacing:-2.7px;line-height:1.12;margin:25px 0 18px;font-weight:810;max-width:500px}.visual p{font-size:16px;color:#b4ced2;line-height:1.75;max-width:470px}.visual small{font-size:12px;color:#81a7ae}.visual-art{position:absolute;top:25%;right:-19%;width:min(770px,100%);opacity:.83;pointer-events:none;z-index:-1}.visual-points{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.visual-points span{font-size:12px;color:#d9f7f0;background:#ffffff10;border:1px solid #ffffff20;border-radius:40px;padding:9px 12px}.visual-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:18px;align-items:flex-end;border-top:1px solid #ffffff21;padding-top:22px;position:relative;z-index:2}.visual-bottom div{display:flex;align-items:center;gap:12px}.visual-bottom .mini-icon{width:36px;height:36px;border:1px solid #ffffff34;display:grid;place-items:center;border-radius:12px;color:#8ff7d9}.visual-bottom strong{display:block;font-size:13px;font-weight:700}.visual-bottom small{font-size:11px}.visual-bottom .stars{color:#70ecca;letter-spacing:2px;font-size:16px}
.main{min-width:0;padding:clamp(20px,3vw,50px) clamp(20px,4.1vw,90px) 24px;display:flex;flex-direction:column;background:radial-gradient(ellipse at top right,#eafff7 0%,transparent 40%),#fbfcfb}.main-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px}.main-top .brand{display:none}.top-help{font-size:13px;color:#577179;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.top-help a{font-weight:750}.flow-shell{width:100%;max-width:568px;margin:clamp(46px,8vh,102px) auto 42px}.flow-shell.wide{max-width:780px}.flow-shell.xwide{max-width:900px}.flow-header{margin-bottom:34px}.flow-step{display:flex;gap:12px;align-items:center;margin-bottom:18px;color:#297769;font-size:11px;font-weight:820;letter-spacing:1.6px;text-transform:uppercase}.step-pills{display:flex;gap:5px}.step-pills span{height:4px;width:25px;border-radius:5px;background:#e1ebe7}.step-pills span.on{background:#1ac4a0}.flow-title{font-size:clamp(32px,3.25vw,44px);line-height:1.13;letter-spacing:-1.8px;font-weight:830;margin:0 0 13px}.flow-description{font-size:15px;color:#667b83;line-height:1.67;max-width:650px;margin:0}.notice{display:flex;align-items:flex-start;gap:10px;background:#edf9f4;border:1px solid #cdece1;border-radius:13px;padding:12px 13px;color:#22695d;font-size:12.5px;margin-bottom:25px;line-height:1.55}.notice .icon{color:#11a889;width:18px;height:18px;margin-top:1px}.notice.warning{background:#fff8ea;border-color:#f5e8cb;color:#715522}.notice.warning .icon{color:#c28c21}.notice a{font-weight:800}.form{display:grid;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field label,.field-label{font-size:13px;font-weight:780;color:#28454c}.field .hint{font-size:12px;color:#7b8d93;margin:0}.field input,.field select,.field textarea,.text-input{width:100%;border:1px solid #cdddda;border-radius:12px;background:#fff;padding:15px 15px;color:#16323d;outline:none;min-height:54px;font-size:16px;box-shadow:0 1px 2px rgba(22,63,63,.025);transition:border .17s,box-shadow .17s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#10b493;box-shadow:0 0 0 4px #14b9971e}.field input.invalid,.field select.invalid{border-color:#c34d47}.field textarea{min-height:98px;resize:vertical}.field .input-wrap{position:relative}.input-wrap input{padding-right:76px}.input-action{position:absolute;top:5px;right:6px;bottom:5px;border:none;background:#eef7f4;color:#187b6c;font-size:13px;font-weight:780;padding:0 14px;border-radius:9px}.error{color:#a63e39;font-size:12.5px;line-height:1.4;min-height:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:780;font-size:14px;min-height:52px;padding:13px 20px;border-radius:12px;text-align:center;white-space:normal;transition:transform .15s,background .15s,border-color .15s;line-height:1.4}.btn:hover:not(:disabled){transform:translateY(-1px);text-decoration:none}.btn.primary{background:#0ec6a0;color:#043a34;box-shadow:0 6px 15px #05aa8823}.btn.primary:hover{background:#2bdaba}.btn.dark{background:#09333e;color:#fff}.btn.dark:hover{background:#135060}.btn.outline{background:#fff;border-color:#d3e2de;color:#23434b}.btn.outline:hover{border-color:#0ebda0;background:#f3fbf8}.btn.soft{background:#eef7f3;color:#166a60}.btn.full{width:100%}.btn.with-icon{justify-content:space-between}.btn .icon{width:18px;height:18px}.link-button{background:none;border:0;padding:5px 0;color:#087c66;font-weight:760;font-size:13.5px}.link-button:hover{text-decoration:underline}.divider{display:flex;gap:16px;align-items:center;font-size:12px;color:#86999d;margin:26px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#dce6e3}.auth-switch{margin:24px 0 0;color:#688087;font-size:13.5px;text-align:center}.auth-switch a{font-weight:800}.method-tabs{display:flex;gap:5px;background:#ecf3f0;padding:5px;border-radius:12px;margin-bottom:22px}.method-tabs button{background:none;border:none;color:#4f676e;border-radius:9px;flex:1;padding:10px;display:flex;gap:9px;align-items:center;justify-content:center;font-size:13px;font-weight:740;min-height:42px}.method-tabs button[aria-selected="true"],.method-tabs button[aria-pressed="true"]{background:#fff;box-shadow:0 1px 7px #15363712;color:#143a40}.safety-footnote{font-size:12px;line-height:1.6;color:#82969a;text-align:center;margin-top:24px}.footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #ebf0ee;padding-top:19px;color:#8da09f;font-size:11.5px}.footer a{color:#577479}.footer-links{display:flex;gap:15px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subtle-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:17px 18px}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-row small{color:#6d8588}.otp-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.otp-digits input{width:100%;height:62px;text-align:center;font-size:24px;font-weight:850;border:1px solid #cfdfda;border-radius:12px;background:#fff;color:#083e40;outline:none}.otp-digits input:focus{border-color:#10b493;box-shadow:0 0 0 3px #14b99724}.muted{color:#72858b}.inline-help{font-size:13px;color:#667f84;line-height:1.55}.route-back{display:inline-flex;align-items:center;gap:8px;color:#426a70;font-size:13px;font-weight:720;margin-bottom:26px}.route-back:hover{color:#057b68}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.category-card,.type-card,.workspace-card{border:1px solid #d9e6e2;background:#fff;text-align:left;border-radius:16px;padding:21px;color:inherit;display:flex;flex-direction:column;gap:8px;min-height:158px;transition:border .18s,box-shadow .18s,transform .18s;width:100%}.category-card:hover,.type-card:hover,.workspace-card:hover{border-color:#7bdcc8;box-shadow:0 12px 26px rgba(8,48,50,.065);transform:translateY(-1px)}.category-card[aria-pressed="true"],.type-card[aria-pressed="true"]{border:2px solid #11b997;background:#f3fffa;padding:20px;box-shadow:0 0 0 3px #1ac4a015}.card-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:#e9f8f2;color:#078b72}.card-icon.blue{background:#e9f1fe;color:#4379c0}.card-icon.amber{background:#fff4e2;color:#b98335}.card-icon.violet{background:#f1ecff;color:#7f6ab0}.card-icon.slate{background:#eaf1f4;color:#4f7184}.card-icon.coral{background:#ffefeb;color:#c47766}.category-card h3,.type-card h3{font-size:15.5px;line-height:1.35;letter-spacing:-.3px;margin:0;font-weight:800}.category-card p,.type-card p{font-size:12.5px;color:#5f7579;line-height:1.48;margin:0}.type-card{min-height:unset;display:grid;grid-template-columns:43px 1fr auto;align-items:start;gap:13px;padding:17px}.type-card[aria-pressed="true"]{padding:16px}.type-card .end-icon{color:#94aaa8}.type-tag{display:inline-flex;align-items:center;border-radius:7px;background:#eef6f4;color:#468072;font-size:10px;font-weight:820;padding:5px 8px;margin-top:5px}.type-card:disabled{opacity:.66;border-style:dashed}.type-card:disabled:hover{transform:none;box-shadow:none}.selected-badge{color:#087d66;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:830}.type-list{display:grid;gap:11px}.sticky-action{position:sticky;bottom:14px;z-index:10;background:#ffffffef;box-shadow:0 7px 25px #20403918;border:1px solid #dfebe7;backdrop-filter:blur(12px);border-radius:17px;padding:11px;margin-top:22px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;color:#71888a;font-size:12px}.breadcrumbs .current{color:#148271;font-weight:760}.context-chip{display:inline-flex;align-items:center;gap:7px;background:#e9f6f1;border-radius:9px;padding:8px 11px;color:#196b5d;font-weight:760;font-size:12px;margin-bottom:20px}.extra-modules{margin-top:25px;background:#f4f8f6;border:1px solid #e1ece8;border-radius:14px;padding:18px}.extra-modules h3{font-size:13px;margin:0 0 7px}.extra-modules p{font-size:12px;color:#687d82;margin:0}.account-summary{display:grid;gap:12px}.summary-block{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #e5ece9;font-size:13.5px}.summary-block span:first-child{color:#748a8e}.summary-block span:last-child{font-weight:740;min-width:0;overflow-wrap:anywhere}.checkbox-row{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:#3f565d;line-height:1.55}.checkbox-row input{accent-color:#0da987;width:18px;height:18px;flex:none;margin-top:2px}.checkbox-row a{font-weight:750}.status-mark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#e0faf0;color:#069775;margin-bottom:25px}.status-mark .icon{width:32px;height:32px;stroke-width:2.5}.success-title{font-size:40px;letter-spacing:-1.8px;line-height:1.15}.success-detail{margin:25px 0}.workspace-list{display:grid;gap:11px}.workspace-card{min-height:0;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;border-radius:13px;padding:16px 17px}.workspace-card h3{font-size:15px;margin:0 0 5px}.workspace-card p{font-size:12.5px;color:#6e848b;margin:0}.workspace-card .icon{color:#7b9a99}.workspace-card:hover .icon{color:#09a082}.badge{font-size:10.5px;font-weight:820;border-radius:99px;padding:5px 9px;background:#eef7f3;color:#448574;display:inline-block;white-space:nowrap}.badge.blue{background:#eaf1ff;color:#4f73ad}.badge.amber{background:#fff3dc;color:#976e2b}.account-shell{max-width:920px;margin:40px auto 40px;width:100%}.account-hero{border-radius:20px;background:linear-gradient(123deg,#092d3d,#0c4854);padding:30px;color:#fff;position:relative;overflow:hidden}.account-hero:after{content:"";position:absolute;height:300px;width:300px;right:-100px;top:-100px;border:1px solid #4ae0cd4f;border-radius:100%;box-shadow:0 0 0 50px #1be6c30d,0 0 0 100px #26c6b309}.account-hero>*{position:relative;z-index:1}.account-hero .overline{letter-spacing:1.5px;text-transform:uppercase;color:#8bf6df;font-size:11px;font-weight:830}.account-hero h1{font-size:32px;letter-spacing:-1.2px;margin:10px 0}.account-hero p{font-size:13px;color:#b7d3d5;max-width:550px}.account-demo-banner{display:flex;align-items:center;gap:11px;background:#fff6ea;border:1px solid #f2e4c9;border-radius:12px;padding:12px 14px;color:#936434;font-size:12px;margin:18px 0}.account-cols{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:15px}.section-card{background:#fff;border:1px solid #e0eae7;padding:23px;border-radius:16px;min-width:0}.section-card h3{font-size:16px;margin:0 0 15px}.section-card p{font-size:13px;color:#6a7f83}.section-list{display:grid;gap:14px}.section-list .item{display:flex;gap:11px;align-items:start}.section-list .item .icon{color:#0eb18f;flex:none}.section-list .item strong{display:block;font-size:13px}.section-list .item small{display:block;color:#7e9395;font-size:11.5px;margin-top:3px}.demo-figures{display:flex;gap:18px;flex-wrap:wrap;padding:5px 0}.demo-figures div{flex:1 1 120px;border:1px solid #e6efec;border-radius:12px;padding:15px;background:#fbfefd}.demo-figures small{color:#829397;font-size:11px}.demo-figures strong{display:block;font-size:21px;margin-top:5px}.help-accordion{border-top:1px solid #e3eeea;padding:14px 0}.help-accordion summary{font-weight:750;cursor:pointer;font-size:13px}.help-accordion p{font-size:12px;color:#6f878b;padding-top:8px;margin:0}.terms{max-width:780px;background:#fff;border:1px solid #e0eae7;border-radius:16px;padding:23px}.terms h2{font-size:17px}.terms p{font-size:13px;color:#647b80;line-height:1.7}.small-note{font-size:11.5px;color:#8b9fa0}.dark-footer{margin-top:30px;text-align:center;font-size:11px;color:#71858a}.link-subtle{color:#59757b;font-size:12px}.link-subtle:hover{color:#0b8d78}.loading-inline{display:inline-flex;gap:7px;align-items:center;color:#769390;font-size:12px}.pill{display:inline-flex;gap:6px;align-items:center;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:780;background:#e5f6f0;color:#227f6a}.pill.sand{background:#fff1dd;color:#b37836}.toast{position:fixed;bottom:24px;right:24px;max-width:min(420px,calc(100vw - 40px));background:#0b3642;color:#fff;padding:14px 17px;border-radius:12px;z-index:80;box-shadow:0 18px 45px #0c343c38;font-size:12.5px}.form-feedback{font-size:12px;color:#b4493b}.profile-avatar{height:42px;width:42px;border-radius:13px;background:#e3f8f1;display:grid;place-items:center;font-size:15px;font-weight:820;color:#0f846e}
@media(min-width:1440px){.main{padding-left:clamp(80px,6.2vw,140px);padding-right:clamp(80px,6.2vw,140px)}}
@media(max-width:1100px){.layout{grid-template-columns:minmax(310px,38%) minmax(0,1fr)}.visual{padding:30px}.visual h2{font-size:38px}.main{padding:24px 34px}.flow-shell{margin-top:65px}}
@media(max-width:850px){.layout{display:block}.visual{min-height:unset;padding:22px 25px 24px}.visual .brand{display:flex}.visual-copy,.visual-bottom,.visual-art{display:none}.visual:after{width:280px;height:280px;bottom:-200px}.main{padding:20px 22px 26px;min-height:calc(100vh - 85px);background:#fbfcfb}.main-top{min-height:20px;justify-content:flex-end}.main-top .brand{display:none}.flow-shell{margin:35px auto 46px}.flow-shell.wide,.flow-shell.xwide{max-width:720px}.footer{padding-top:13px}.account-shell{margin:15px auto 30px}}
@media(max-width:540px){.visual{padding:16px 19px}.brand img{width:34px;height:34px}.brand-name{font-size:21px}.main{padding:17px 19px 23px}.flow-shell{margin:31px auto 42px}.flow-title{font-size:33px;letter-spacing:-1.3px}.flow-description{font-size:14px}.category-grid{gap:10px}.category-card{padding:15px;min-height:168px}.category-card[aria-pressed="true"]{padding:14px}.category-card h3{font-size:14px}.category-card p{font-size:11.5px}.card-icon{width:37px;height:37px}.type-card{grid-template-columns:37px 1fr auto;gap:10px;padding:14px}.type-card[aria-pressed="true"]{padding:13px}.type-card h3{font-size:13.5px}.type-card p{font-size:11.5px}.field-row{grid-template-columns:1fr;gap:18px}.otp-digits{gap:5px}.otp-digits input{height:55px;font-size:20px;border-radius:9px}.summary-block{grid-template-columns:110px 1fr}.account-cols{grid-template-columns:1fr}.account-hero{padding:22px}.account-hero h1{font-size:26px}.footer{flex-direction:column;align-items:flex-start;gap:10px}.actions>.btn{flex:1 1 100%}.notice{font-size:11.5px}.sticky-action{bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.visual .brand img.brand-logo,.main .brand img.brand-logo{height:38px;width:auto;max-width:168px}
@media(max-width:770px){.visual .brand img.brand-logo,.main .brand img.brand-logo{height:33px;max-width:146px}}
.flow-subtitle{font-size:15px;margin:26px 0 12px;letter-spacing:-.2px}.workspace-card .btn{justify-self:end}
@media(max-width:360px){.category-grid{grid-template-columns:1fr}}
