:root{--navy:#071a3a;--blue:#0a47a4;--cyan:#20b8d8;--mint:#44d2a8;--ink:#10213d;--muted:#66758d;--line:#dbe5f1;--paper:#f6f9fd;--white:#fff;--danger:#c43535;--shadow:0 24px 70px rgba(10,35,75,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#eef5ff 0,#f8fbff 42%,#f2f6fb 100%);min-height:100vh;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}.ambient-a{width:380px;height:380px;background:#53d1ea;top:-180px;left:-120px}.ambient-b{width:430px;height:430px;background:#376fd6;right:-230px;top:220px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:relative;z-index:5;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(205,220,238,.75)}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;font-size:25px;font-weight:900;box-shadow:0 12px 24px rgba(8,57,126,.23)}.brand b{display:block;font-size:22px}.brand small{display:block;color:var(--muted);margin-top:3px}.topbar nav{display:flex;align-items:center;gap:10px}.topbar nav a,.topbar nav span{padding:10px 14px;border-radius:12px;text-decoration:none;color:#27415f;font-size:13px;font-weight:700}.topbar nav a:hover{background:#edf4fc}.topbar nav span{background:#e6f7f2;color:#08775d}.shell{width:min(1240px,calc(100% - 32px));margin:auto;position:relative;z-index:2}.hero{min-height:440px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;padding:58px 18px 34px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.2px;font-weight:900;color:#1773ad}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.03;margin:14px 0 20px;letter-spacing:-2px;color:var(--navy)}.hero h1 em{font-style:normal;color:#167eb5}.hero p{font-size:18px;line-height:1.9;color:#536780;max-width:680px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.trust-row span{background:rgba(255,255,255,.74);border:1px solid #d7e6f4;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;color:#35516f}.security-orbit{width:min(390px,90vw);aspect-ratio:1;position:relative;margin:auto;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(39,118,180,.25);border-radius:50%;animation:spin 22s linear infinite}.orbit.one{inset:8%}.orbit.two{inset:23%;animation-direction:reverse;animation-duration:16s}.orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(32,184,216,.12)}.orbit.one i:nth-child(1){top:7%;left:20%}.orbit.one i:nth-child(2){right:2%;top:48%;background:var(--mint)}.orbit.one i:nth-child(3){bottom:8%;left:28%;background:#4675d6}.orbit.two i:nth-child(1){top:-7px;left:50%}.orbit.two i:nth-child(2){bottom:7%;right:12%;background:var(--mint)}.core{width:165px;height:165px;border-radius:50%;background:linear-gradient(145deg,#071a3a,#0a4a9e);box-shadow:0 30px 70px rgba(7,40,89,.27),inset 0 0 0 12px rgba(255,255,255,.06);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.core span{font-size:38px;font-weight:900}.core b{font-size:16px;margin-top:6px}.core small{opacity:.65;margin-top:6px}@keyframes spin{to{transform:rotate(360deg)}}.workspace{display:grid;grid-template-columns:1.06fr .94fr;gap:24px;align-items:stretch}.auth-card,.security-panel,.roles-section,.session-center{background:rgba(255,255,255,.9);border:1px solid rgba(210,224,240,.9);border-radius:28px;box-shadow:var(--shadow)}.auth-card,.security-panel{padding:30px}.auth-card>header,.security-panel>header,.roles-section>header,.session-center>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.auth-card h2,.security-panel h2,.roles-section h2,.session-center h2{margin:6px 0 0;font-size:27px;color:var(--navy)}.shield{width:43px;height:43px;border-radius:14px;background:#e5f8f2;color:#078263;display:grid;place-items:center;font-size:21px;font-weight:900}form{display:grid;gap:17px;margin-top:24px}label{display:grid;gap:8px;font-size:13px;font-weight:800;color:#344b68}input,select{width:100%;height:51px;border:1px solid #cedbeb;border-radius:14px;background:#fbfdff;padding:0 15px;font:inherit;color:var(--ink);outline:none;transition:.2s}input:focus,select:focus{border-color:#258bc1;box-shadow:0 0 0 4px rgba(37,139,193,.1);background:#fff}.password-wrap{display:flex;border:1px solid #cedbeb;border-radius:14px;overflow:hidden;background:#fbfdff}.password-wrap:focus-within{border-color:#258bc1;box-shadow:0 0 0 4px rgba(37,139,193,.1)}.password-wrap input{border:0;box-shadow:none!important}.password-wrap button{width:76px;border:0;background:transparent;color:#166c9b;font-weight:800;cursor:pointer}.primary,.secondary{height:52px;border:0;border-radius:15px;font:inherit;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,#07224d,#0c5cab);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 14px 28px rgba(8,63,130,.2)}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:wait}.secondary{padding:0 18px;background:#edf4fb;color:#175b87}.text-button{border:0;background:none;color:#237ba8;font-weight:800;cursor:pointer}.message,.demo-hint,.mfa-banner,.current-session{margin-top:18px;padding:14px 16px;border-radius:14px;font-size:13px;line-height:1.7}.message{background:#fff0f0;color:#9e2d2d;border:1px solid #ffd4d4}.message.success{background:#eaf9f4;color:#087358;border-color:#c8eee2}.demo-hint{background:#f0f6ff;color:#34516f;border:1px dashed #b8cee8}.mfa-banner{background:#eef8ff;border:1px solid #cee8f7;margin:0}.mfa-banner p{margin:5px 0 0;color:#59728c}.current-session{background:#eaf9f4;border:1px solid #c9eee2;color:#175b4c}.current-session b{display:block;font-size:16px}.current-session div{display:flex;gap:9px;margin-top:11px}.current-session a,.current-session button{border:0;border-radius:10px;padding:9px 12px;font-weight:800;text-decoration:none;cursor:pointer}.current-session a{background:#087b61;color:#fff}.current-session button{background:#fff;color:#a33}.security-panel{background:linear-gradient(150deg,#071a3a,#0c356d);color:#fff;border:0}.security-panel .section-kicker{color:#6cd9e4}.security-panel h2{color:#fff}.security-score{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:20px;margin:25px 0}.ring{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#45d2a8 0 87%,rgba(255,255,255,.1) 87%);position:relative}.ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b2a59}.ring span,.ring small{position:relative;z-index:1}.ring span{font-size:29px;font-weight:900}.ring small{opacity:.65}.security-score b{font-size:20px}.security-score p{line-height:1.7;color:#b9c9dd;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric-grid div{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:15px 8px;text-align:center}.metric-grid span{display:block;font-size:22px;font-weight:900}.metric-grid small{display:block;color:#aebed2;margin-top:5px}.control-list{display:grid;gap:10px;margin-top:23px}.control-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);font-size:13px}.control-list b{color:#60dfb7}.roles-section,.session-center{margin-top:24px;padding:30px}.roles-section>header p{max-width:530px;color:var(--muted);line-height:1.8;margin:0}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.role-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbfe);transition:.2s}.role-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(13,49,91,.09)}.role-card .role-icon{width:42px;height:42px;border-radius:14px;background:#e7f4fb;color:#116d9f;display:grid;place-items:center;font-size:20px;font-weight:900}.role-card h3{margin:14px 0 5px;font-size:16px;color:var(--navy)}.role-card p{margin:0;color:var(--muted);font-size:12px;min-height:38px}.role-card small{display:block;margin-top:14px;color:#177357;font-weight:800}.sessions-list{display:grid;gap:12px}.session-row{display:grid;grid-template-columns:1.3fr 1fr .8fr auto;gap:15px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px}.session-row b,.session-row small{display:block}.session-row small{color:var(--muted);margin-top:4px}.session-row button{border:0;border-radius:10px;padding:9px 12px;background:#fff0f0;color:#a63434;font-weight:800;cursor:pointer}.hidden{display:none!important}footer{width:min(1240px,calc(100% - 32px));margin:32px auto 0;padding:24px 0 30px;display:flex;justify-content:space-between;color:#7b899b;font-size:12px}@media(max-width:900px){.hero,.workspace{grid-template-columns:1fr}.security-orbit{display:none}.hero{min-height:auto;padding:48px 8px 30px}.role-grid{grid-template-columns:repeat(2,1fr)}.topbar nav a{display:none}.roles-section>header{display:block}.roles-section>header p{margin-top:12px}.session-row{grid-template-columns:1fr 1fr}.session-row button{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.topbar{height:72px;padding:0 16px}.brand small{display:none}.shell{width:min(100% - 20px,1240px)}.hero h1{font-size:43px}.hero p{font-size:15px}.trust-row span{font-size:11px}.auth-card,.security-panel,.roles-section,.session-center{padding:20px;border-radius:21px}.security-score{grid-template-columns:95px 1fr}.ring{width:94px;height:94px}.ring span{font-size:24px}.role-grid{grid-template-columns:1fr}.session-row{grid-template-columns:1fr}footer{display:block;text-align:center;line-height:2}}