:root{
--primary:#4F46E5;
--dark:#0E1435;
--dark2:#1F255C;
--green:#8FE6B1;
--bg:#EEF3FB;
--text:#172033;
--muted:#64748B;
--card:#FFFFFF;
--radius:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none}
.container{width:92%;max-width:1250px;margin:auto}
.hero{min-height:100vh;background:linear-gradient(135deg,var(--dark),var(--dark2));color:white;display:flex;align-items:center}
.nav{position:absolute;top:0;left:0;width:100%;padding:28px 0}
.nav-inner{display:flex;justify-content:space-between;align-items:center}
.logo{height:62px}
.nav-actions{display:flex;gap:14px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:14px;font-weight:800;border:0;cursor:pointer}
.btn-primary{background:var(--primary);color:white}
.btn-light{background:white;color:var(--dark)}
.btn-ghost{border:1px solid rgba(255,255,255,.25);color:white}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.badge{display:inline-block;background:rgba(143,230,177,.14);color:var(--green);padding:9px 16px;border-radius:999px;font-weight:800;margin-bottom:24px}
h1{font-size:64px;line-height:1.02;margin-bottom:24px}
.subtitle{font-size:24px;color:#CBD5E1;line-height:1.5;margin-bottom:34px}
.card{background:white;color:var(--text);border-radius:var(--radius);padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.card h2{font-size:30px;margin-bottom:18px}
.feature{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #E5E7EB}
.feature:last-child{border-bottom:0}
.feature-icon{font-size:26px}
.feature p{color:var(--muted);margin-top:4px;line-height:1.5}
.section{padding:90px 0}
.section h2{font-size:42px;margin-bottom:18px}
.section p.lead{font-size:19px;color:var(--muted);max-width:760px;line-height:1.6;margin-bottom:35px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.module{background:white;border-radius:22px;padding:28px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.module h3{font-size:22px;margin:14px 0 8px}
.module p{color:var(--muted);line-height:1.5}
.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--dark),var(--dark2));display:flex;align-items:center;justify-content:center;padding:35px}
.auth-box{width:100%;max-width:460px;background:white;border-radius:28px;padding:42px;box-shadow:0 25px 70px rgba(0,0,0,.25)}
.auth-logo{height:72px;margin-bottom:20px}
.auth-box h1{font-size:34px;color:var(--text);margin-bottom:8px}
.auth-box .tagline{color:var(--muted);margin-bottom:28px}
label{display:block;margin-top:18px;margin-bottom:8px;font-weight:800;color:#334155}
input,textarea,select{width:100%;padding:15px;border:1px solid #CBD5E1;border-radius:14px;font-size:16px;font-family:Inter,Arial,sans-serif}
.auth-footer{margin-top:24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.auth-footer a{color:var(--primary);font-weight:800}
.version{margin-top:28px;color:#94A3B8;font-size:13px;text-align:center}
.notice{background:#EEF2FF;color:#3730A3;padding:14px;border-radius:14px;margin-bottom:18px;font-weight:700}
.footer{background:#0B102B;color:#CBD5E1;padding:35px 0;text-align:center}
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:120px}
h1{font-size:44px}
.subtitle{font-size:20px}
.nav-actions{display:none}
}