:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;--surface:#0d1b2d;--surface-soft:#12243a;--border:#24405f;--muted:#98abc3;--blue:#5596ff;--cyan:#52d6c5;--amber:#f5bd63;--danger:#ff7a7a;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 12%,#3067ad3b,#0000 32rem),linear-gradient(#07111f 0%,#091625 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:0 36px 28px}.topbar{border-bottom:1px solid #7599be3d;align-items:center;gap:16px;min-height:92px;display:flex}.brand-mark{color:#061421;letter-spacing:-.04em;background:linear-gradient(135deg, var(--cyan), #87c5ff);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 12px 30px #52d6c533}.topbar h1{margin:3px 0 0;font-size:1.12rem}.overline,.kicker{color:#83b6f7;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.environment-badge{border:1px solid var(--border);color:var(--muted);background:#0c1c2ed1;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:9px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.status-dot{background:var(--amber);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #f5bd631f}.status-dot.online{background:var(--cyan);box-shadow:0 0 0 4px #52d6c51f}.hero{grid-template-columns:minmax(0,1.45fr) minmax(360px,.72fr);align-items:center;gap:clamp(34px,6vw,96px);padding:86px 4px 78px;display:grid}.hero-copy h2{letter-spacing:-.055em;max-width:840px;margin:18px 0;font-size:clamp(2.55rem,5.2vw,5.45rem);line-height:.98}.hero-copy>p:not(.kicker){color:#b8c7d9;max-width:760px;margin:0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65}.domain-chip{width:-moz-fit-content;width:fit-content;color:var(--cyan);background:#52d6c512;border:1px solid #52d6c559;border-radius:10px;margin-top:28px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.login-card,.module-card{border:1px solid var(--border);background:linear-gradient(160deg,#12243afa,#0a1829fa);box-shadow:0 24px 70px #00000038}.login-card{border-radius:24px;gap:20px;padding:28px;display:grid}.login-card h3,.module-card h3,.section-heading h2{letter-spacing:-.025em;margin:7px 0}.login-card h3{font-size:1.55rem}.muted,.module-card p,.section-heading>p{color:var(--muted);line-height:1.55}.login-card label{color:#c8d5e5;gap:8px;font-size:.82rem;font-weight:750;display:grid}.login-card input{color:#f6f9fd;background:#081525;border:1px solid #2a4565;border-radius:12px;outline:none;width:100%;min-height:50px;padding:0 14px;transition:border-color .16s,box-shadow .16s}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #5596ff1f}.login-card button{color:#061421;cursor:pointer;background:linear-gradient(135deg,#65a5ff,#58d3c4);border:0;border-radius:12px;min-height:50px;font-weight:850}.login-card button:disabled{cursor:wait;opacity:.72}.login-card .secondary-button{color:#dbe8f8;background:#12243a;border:1px solid #35506f}.access-summary{background:#06111f7a;border:1px solid #7599be38;border-radius:16px;gap:18px;padding:18px;display:grid}.field-caption{color:#83b6f7;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:.68rem;font-weight:800;display:block}.chip-list{flex-wrap:wrap;gap:7px;display:flex}.chip-list span{color:#ccece8;background:#52d6c512;border:1px solid #52d6c547;border-radius:999px;padding:6px 9px;font-size:.76rem;line-height:1.25}.chip-list .warning-chip{color:#f5cf8f;background:#f5bd6314;border-color:#f5bd6357}.form-message{color:var(--cyan);margin:0;font-size:.84rem;line-height:1.45}.form-message.error{color:var(--danger)}.module-section{padding:8px 4px 70px}.section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px;display:flex}.section-heading>p{max-width:570px;margin:0}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.module-card{border-radius:20px;min-height:260px;padding:28px;position:relative;overflow:hidden}.card-line{background:linear-gradient(180deg, var(--blue), var(--cyan));width:4px;position:absolute;inset:0 auto 0 0}.module-card h3{margin-top:18px;font-size:1.35rem}.module-card span{color:#b8d4f7;border:1px solid #34506f;border-radius:999px;margin-top:18px;padding:7px 10px;font-size:.74rem;font-weight:800;display:inline-flex}footer{color:#7890ab;border-top:1px solid #7599be33;justify-content:space-between;gap:16px;padding:22px 4px 0;font-size:.75rem;display:flex}@media (max-width:900px){.app-shell{padding-inline:20px}.hero{grid-template-columns:1fr;padding-block:62px}.login-card{max-width:620px}.module-grid{grid-template-columns:1fr}.module-card{min-height:auto}}@media (max-width:600px){.app-shell{padding-inline:14px}.topbar{min-height:78px}.topbar h1{font-size:.96rem}.brand-mark{width:42px;height:42px}.environment-badge{display:none}.hero{padding:46px 0 54px}.hero-copy h2{font-size:clamp(2.35rem,12vw,3.7rem)}.login-card,.module-card{border-radius:18px;padding:22px}.section-heading,footer{flex-direction:column;align-items:flex-start}}