:root{--purple:#6f2dbd;--purple-dark:#3b146b;--lilac:#efe6ff;--ink:#17131f;--muted:#6c6576;--line:#e9e3ef;--white:#fff;--green:#16845b;--shadow:0 24px 80px rgba(43,18,72,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fbf9fd;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{max-width:1240px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:-.02em}.brand img{width:50px;height:50px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:28px;font-weight:650;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;background:var(--purple);color:#fff;padding:14px 20px;font:inherit;font-weight:750;box-shadow:0 10px 24px rgba(111,45,189,.22);cursor:pointer}.button:hover{background:var(--purple-dark)}.button-small{padding:10px 16px}.button-ghost{background:transparent;color:var(--purple);border:1px solid #cdb6e9;box-shadow:none}.hero{max-width:1240px;margin:30px auto 90px;padding:56px 32px;display:grid;grid-template-columns:1.04fr .96fr;gap:72px;align-items:center}.eyebrow{margin:0 0 16px;color:var(--purple);font-size:12px;font-weight:850;letter-spacing:.16em}.hero h1,.login-card h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;max-width:760px}.lead{font-size:20px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}.notice{font-size:13px;color:var(--muted)}.hero-panel{background:linear-gradient(145deg,#2e1052,#6f2dbd 68%,#8953ce);padding:28px;border-radius:28px;color:#fff;box-shadow:var(--shadow);min-height:430px}.panel-header{display:flex;justify-content:space-between;align-items:center;font-weight:750}.status{font-size:12px;border:1px solid rgba(255,255,255,.32);padding:6px 10px;border-radius:999px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:42px 0 30px}.metrics article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:18px;border-radius:16px;display:flex;flex-direction:column}.metrics small,.metrics span{opacity:.72}.metrics strong{font-size:34px;line-height:1.1;margin:6px 0}.metrics span{font-size:12px}.chart{height:100px;display:flex;gap:10px;align-items:flex-end}.chart i{flex:1;background:linear-gradient(#fff,rgba(255,255,255,.25));border-radius:8px 8px 3px 3px}.chart i:nth-child(1){height:32%}.chart i:nth-child(2){height:55%}.chart i:nth-child(3){height:46%}.chart i:nth-child(4){height:72%}.chart i:nth-child(5){height:64%}.chart i:nth-child(6){height:88%}.chart i:nth-child(7){height:96%}.section{max-width:1240px;margin:auto;padding:90px 32px}.section h2,.security h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.04em;max-width:760px;margin:0 0 42px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;min-height:230px}.cards article>span{color:var(--purple);font-weight:850;font-size:13px}.cards h3{font-size:22px;margin:42px 0 8px}.cards p{color:var(--muted);margin:0}.security{max-width:1176px;margin:40px auto 90px;background:var(--lilac);padding:60px;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.security h2{margin:0}.security>p{color:#50445d;font-size:18px}footer{max-width:1240px;margin:auto;padding:30px 32px 44px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.login-page{min-height:100vh;background:radial-gradient(circle at top right,#eaddff,transparent 46%),#f8f5fb}.login-shell{max-width:1080px;margin:auto;padding:36px;min-height:100vh;display:flex;flex-direction:column}.login-card{width:min(100%,520px);margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow)}.login-card h1{font-size:42px}.login-card>p:not(.eyebrow){color:var(--muted)}form{display:grid;gap:16px;margin:28px 0 18px}label{font-size:14px;font-weight:750;display:grid;gap:8px}input{width:100%;border:1px solid #dcd4e2;border-radius:11px;padding:13px 14px;font:inherit;outline:none}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(111,45,189,.12)}.form-error{background:#fff0f1;color:#9d2430;border-radius:10px;padding:12px 14px;font-size:14px}.login-card small{color:var(--muted)}
@media(max-width:850px){.topbar nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;gap:38px;padding-top:30px}.hero-panel{min-height:auto}.cards{grid-template-columns:1fr 1fr}.security{margin-left:20px;margin-right:20px;grid-template-columns:1fr;gap:20px;padding:38px}footer{flex-direction:column;gap:6px}}
@media(max-width:540px){.topbar,.hero,.section{padding-left:20px;padding-right:20px}.brand span{display:none}.hero h1{font-size:44px}.metrics,.cards{grid-template-columns:1fr}.hero-panel{padding:20px}.login-shell{padding:20px}.login-card{padding:28px}.login-card h1{font-size:36px}}
.legal{max-width:850px;margin:50px auto 100px;padding:30px 32px}.legal h1{font-size:clamp(40px,6vw,70px);line-height:1;letter-spacing:-.05em;margin:0 0 22px}.legal h2{font-size:23px;margin:42px 0 8px}.legal p{color:var(--muted);font-size:17px}.legal .eyebrow{color:var(--purple);font-size:12px}