:root{--brand:#f4b500;--brand-bright:#ffc61a;--brand-dark:#c99200;--ink:#171717;--charcoal:#242424;--surface:#f4f4ef;--panel:#fff;--line:#d8d8d0;--muted:#66665f;--success:#167142;--danger:#a31f2a;--shadow:0 32px 80px #00000047}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 82% 8%,#f4b50029,#0000 27rem),linear-gradient(145deg,#171717 0%,#20201f 58%,#151515 100%);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}button,a,input{transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f4b5007a}.page-grid{pointer-events:none;opacity:.13;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:68px 68px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.site-shell{flex-direction:column;width:min(1240px,100% - 40px);min-height:100vh;margin:0 auto;display:flex;position:relative}.site-header{border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:24px;min-height:92px;display:flex}.brand{color:#fff;letter-spacing:-1.5px;align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:24px;font-weight:900;text-decoration:none;display:inline-flex}.brand img{border-radius:9px;width:42px;height:42px}.brand-hub{color:var(--brand)}.cloud-mark{color:var(--brand);position:relative;top:.18em}.header-meta{color:#d8d8d2;letter-spacing:.3px;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.environment-dot,.pulse-dot{background:var(--brand);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #f4b50021}.invite-badge{color:#fff;background:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;margin-left:7px;padding:7px 10px}.portal-layout{background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffff29;border-radius:18px;flex:1;grid-template-columns:minmax(390px,.92fr) minmax(440px,1.08fr);align-items:stretch;gap:0;margin:54px 0 34px;display:grid;overflow:hidden}.auth-card{background:var(--surface);align-items:center;min-height:650px;padding:clamp(36px,5vw,70px);display:flex;position:relative}.view{width:100%;max-width:430px;margin:0 auto}.view[hidden]{display:none!important}.view-heading{margin-bottom:27px}.eyebrow{color:#866400;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:13px;font-size:11px;font-weight:900;display:inline-block}.view-heading h1{letter-spacing:-1.5px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(28px,3vw,36px);line-height:1.08}.view-heading p{max-width:43ch;color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.6}.form-stack{gap:16px;display:grid}label>span{color:#353530;margin:0 0 7px;font-size:12px;font-weight:850;display:block}input{width:100%;min-height:50px;color:var(--ink);background:#fff;border:1px solid #c9c9c1;border-radius:8px;padding:12px 14px;font-size:15px}input::placeholder{color:#999990}input:focus{border-color:var(--brand-dark);outline:0;box-shadow:0 0 0 4px #f4b50029}.password-field{position:relative}.password-field input{padding-right:66px}.password-toggle{position:absolute;top:50%;right:11px;transform:translateY(-50%)}.domain-field{grid-template-columns:minmax(0,1fr) auto;display:grid}.domain-field input{border-radius:8px 0 0 8px}.domain-field>span{color:#595953;background:#e2e2dc;border:1px solid #c9c9c1;border-left:0;border-radius:0 8px 8px 0;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:flex}.form-row,.account-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.secure-note{color:var(--muted);font-size:11px}.secure-note span{color:var(--success)}.text-button,.back-button{color:#765900;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:850}.text-button:hover,.back-button:hover{color:var(--ink)}.back-button{margin-bottom:24px}.primary-button{border:1px solid var(--brand-dark);background:var(--brand);color:#111;cursor:pointer;border-radius:8px;min-height:52px;margin-top:2px;font-size:14px;font-weight:900;box-shadow:0 9px 20px #be8c0033}.primary-button:hover:not(:disabled){background:var(--brand-bright);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait}.invite-note{border-top:1px solid var(--line);color:var(--muted);gap:4px;margin-top:25px;padding:15px 0 0;font-size:12px;line-height:1.45;display:grid}.invite-note strong{color:var(--ink)}.invite-action{justify-self:start;margin-top:6px;font-size:13px}.field-help{color:var(--muted);margin:-6px 0 0;font-size:11px;line-height:1.45}.status-banner{color:#44443f;background:#fff;border:1px solid #b9b9b1;border-radius:8px;padding:11px 13px;font-size:12px;line-height:1.4;position:absolute;top:18px;left:clamp(36px,5vw,70px);right:clamp(36px,5vw,70px)}.status-banner.is-error{color:var(--danger);background:#fff0f1;border-color:#d98a91}.status-banner.is-success{color:var(--success);background:#edf9f1;border-color:#77b58f}.product-panel{background:var(--brand);isolation:isolate;flex-direction:column;justify-content:space-between;min-height:650px;padding:clamp(40px,6vw,78px);display:flex;position:relative;overflow:hidden}.product-panel:before{content:"";z-index:-1;border:56px solid #17171714;border-radius:50%;width:360px;height:360px;position:absolute;top:-155px;right:-150px}.product-panel:after{content:"";z-index:-1;border:40px solid #17171712;width:200px;height:200px;position:absolute;bottom:-105px;left:-115px;transform:rotate(12deg)}.eyebrow-light{color:#3b2c00}.product-copy h2{letter-spacing:-3.4px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(38px,5vw,62px);line-height:.99}.product-copy h2 em{color:#17171794;font-style:normal}.product-copy p{color:#3a2b00;max-width:48ch;margin:22px 0 0;font-size:14px;line-height:1.6}.feature-stack{border-top:1px solid #1717174d;margin:38px 0}.feature-row{border-bottom:1px solid #1717174d;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:17px 0;display:grid}.feature-index{font-family:ui-monospace,monospace;font-size:11px;font-weight:900}.feature-row div{gap:4px;display:grid}.feature-row strong{font-size:14px}.feature-row div span{color:#4f3c00;font-size:11px}.trust-line{color:#3e2f00;align-items:center;gap:11px;font-size:11px;font-weight:850;display:flex}.pulse-dot{background:var(--ink);box-shadow:0 0 0 5px #1717171c}.account-summary{border:1px solid var(--line);background:var(--line);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 0;display:grid;overflow:hidden}.account-summary div{background:#fff;gap:6px;padding:15px 12px;display:grid}.account-summary span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.account-summary strong{font-size:13px}.status-ok{color:var(--success)}.next-step-card{background:#fff8df;border:1px solid #e0be54;border-radius:9px;gap:15px;padding:17px;display:flex}.step-number{font-family:ui-monospace,monospace;font-size:11px;font-weight:900}.next-step-card p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.site-footer{color:#a8a8a1;justify-content:space-between;align-items:center;gap:20px;min-height:72px;font-size:11px;display:flex}.site-footer nav{gap:22px;display:flex}.site-footer a{color:#d6d6cf;text-decoration:none}.site-footer a:hover{color:var(--brand)}@media (width<=900px){.portal-layout{grid-template-columns:1fr}.product-panel{min-height:auto;padding-top:48px}.auth-card{min-height:620px}}@media (width<=600px){.site-shell{width:min(100% - 22px,1240px)}.site-header{min-height:76px}.header-meta>span:not(.environment-dot){display:none}.portal-layout{border-radius:13px;margin-top:22px}.auth-card,.product-panel{padding:34px 24px}.auth-card{min-height:610px}.product-panel{min-height:520px}.account-summary{grid-template-columns:1fr}.site-footer{align-items:flex-start;padding:18px 2px}.site-footer nav{gap:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
