@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{--bg:#020a18;--surface:#07152a;--surface-2:#0a1c36;--line:#183153;--text:#eff6ff;--muted:#8da2c2;--blue:#277af1;--mint:#51d5c6}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Manrope,'Noto Sans SC',sans-serif;background:var(--bg)}.glow{display:none}header,main,footer{position:relative;z-index:1;max-width:1440px;margin:auto}header{height:82px;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.05em;font-size:23px}.top-nav{display:flex;height:82px;gap:40px}.tab-link{position:relative;border:0;color:#8ea4c6;background:none;padding:0;font:600 14px Manrope,'Noto Sans SC';cursor:pointer}.tab-link.active{color:#55a0ff}.tab-link.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#2b7ff4;border-radius:4px}.secure-chip{justify-self:end;display:flex;align-items:center;gap:8px;border:1px solid #1b3458;border-radius:12px;padding:9px 12px;color:#b4c7e1;background:#07152a;font-size:11px;font-weight:700}.secure-chip i{width:7px;height:7px;border-radius:50%;background:#4ed39b;box-shadow:0 0 12px #4ed39b}.customer-main{min-height:calc(100vh - 130px);padding:55px 68px 45px;background-image:linear-gradient(90deg,rgba(2,10,24,.98) 0%,rgba(2,10,24,.92) 48%,rgba(2,10,24,.28) 100%),url('security-console-hero.png');background-size:cover;background-position:center right}.customer-heading{position:relative;min-height:230px;max-width:760px}.eyebrow{margin:0 0 13px;color:#5ba1ff;font:700 10px 'DM Mono';letter-spacing:.14em}.customer-heading h1{margin:0 0 16px;font-size:54px;line-height:1.08;letter-spacing:-.07em}.customer-heading h1 em{font-style:normal;color:#4d9bff}.customer-heading>div>p:last-child{max-width:550px;margin:0;color:#9eb1cc;font-size:14px;line-height:1.9}.console-art{display:none}.customer-workspace{display:grid;grid-template-columns:minmax(0,770px) 310px;gap:24px;align-items:stretch}.customer-panel,.workspace-side{border:1px solid var(--line);border-radius:20px;background:rgba(5,17,35,.88);box-shadow:0 22px 55px rgba(0,0,0,.28);overflow:hidden}.customer-panel{display:none;padding:29px}.customer-panel.active{display:block}.panel-title{padding-bottom:18px;margin-bottom:21px;border-bottom:1px solid var(--line)}.panel-title h2{margin:0;letter-spacing:-.04em;font-size:24px}.customer-panel form{display:grid;gap:17px}.customer-panel label{display:grid;gap:9px;font-size:13px;font-weight:700;color:#d4e1f4}.customer-panel label small{font-weight:500;color:#7994b8}input,textarea{width:100%;resize:vertical;outline:none;color:#a8d9ff;border:1px solid #1a365b;background:#041124;border-radius:12px;padding:15px;font:13px/1.65 'DM Mono','Noto Sans SC';transition:border .2s,box-shadow .2s}textarea{min-height:240px}input:focus,textarea:focus{border-color:#3888f4;box-shadow:0 0 0 3px rgba(56,136,244,.13)}.submit{border:0;border-radius:12px;min-height:54px;color:#fff;background:#196ee7;font:700 14px Manrope,'Noto Sans SC';cursor:pointer;transition:.2s}.submit:hover{background:#2b81f2}.submit:disabled{opacity:.6}.result{margin-top:17px}.muted{color:#91a6c3;font-size:13px;line-height:1.8}.workspace-side{padding:29px;background:rgba(4,15,32,.86)}.workspace-side .eyebrow{color:#51d5c6}.workspace-side h3{font-size:20px;line-height:1.35;letter-spacing:-.04em;margin:0 0 11px}.workspace-side p{color:#a4b5cd;font-size:12px;line-height:1.9;margin:0}.side-rule{height:1px;background:#1b3458;margin:25px 0}.workspace-side span{display:block;color:#8ea4c6;font-size:11px;padding:10px 0;border-bottom:1px solid #102744}.error,.success{padding:14px;border-radius:12px;font-size:12px;line-height:1.7}.error{color:#ff9cab;background:#2b1020;border:1px solid #60243a}.success{color:#a3c8f7;background:#0b2342;border:1px solid #1d4c82}.success b{color:#5cdbba}.success code{display:block;margin:11px 0;padding:12px;color:#78d6ff;background:#020d1e;border:1px solid #17385f;border-radius:9px;font:12px 'DM Mono';overflow-wrap:anywhere}.warn{color:#eabf8d!important;font-size:10px!important}.otp{text-align:left;padding:4px}.otp p{color:#879dbd;font:11px 'DM Mono';margin:0 0 12px}.otp strong{display:block;color:#59dcc8;font:700 39px 'DM Mono';letter-spacing:.12em}.otp small{display:block;margin-top:11px;color:#91a9c9;font-size:11px}.otp small b{color:#55a0ff}.otp-progress{height:5px;margin:20px 0 0;background:#102747;border-radius:5px;overflow:hidden}.otp-progress i{display:block;height:100%;background:#49c9dd;transition:width 1s linear}footer{max-width:none;border-top:1px solid var(--line);padding:17px 32px;display:flex;justify-content:space-between;color:#66809f;font-size:10px}footer a{color:#8daee0;text-decoration:none}@media(max-width:850px){header{height:auto;min-height:70px;padding:18px 22px;grid-template-columns:1fr auto}.top-nav{order:3;grid-column:1/-1;height:48px;gap:28px}.secure-chip{font-size:0;padding:8px}.customer-main{padding:38px 22px;background-image:linear-gradient(90deg,rgba(2,10,24,.98),rgba(2,10,24,.8)),url('security-console-hero.png');background-position:center}.customer-heading{min-height:190px}.customer-heading h1{font-size:42px}.customer-workspace{grid-template-columns:1fr}.workspace-side{display:none}}@media(max-width:480px){.customer-heading h1{font-size:36px}.customer-panel{padding:22px}.otp strong{font-size:29px}.top-nav{gap:20px}.tab-link{font-size:13px}}