:root{--navy:#071428;--blue:#1458d6;--cyan:#16c5e8;--gold:#ffc107;--soft:#f4f7fb}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#172033;background:#fff}
.hc-nav{background:rgba(7,20,40,.97);box-shadow:0 10px 30px rgba(7,20,40,.18)}
.navbar-brand small{display:block;font-size:.52rem;letter-spacing:.28em;color:#88eaff;margin-left:44px;margin-top:-8px}
.logo-box{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#ffd84d,#ff9500);color:#10182b;margin-right:.35rem}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(22,197,232,.28),transparent 28%),linear-gradient(135deg,#071428,#173a78 62%,#057a9f);color:#fff;padding:90px 0}
.hero h1{font-size:clamp(2.4rem,6vw,4.7rem);font-weight:900;line-height:1.03;letter-spacing:-.045em}
.hero .lead{color:rgba(255,255,255,.82);max-width:720px}
.price-card,.glass-card,.feature-card,.panel-card{border:0;border-radius:24px;background:#fff;box-shadow:0 18px 60px rgba(18,42,77,.12)}
.price-card{padding:32px;color:#172033}
.price{font-size:3rem;font-weight:900;letter-spacing:-.06em}
.soft{background:var(--soft)}
.feature-card{height:100%;padding:28px}
.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eaf2ff;color:var(--blue);font-size:1.4rem}
.section-title{font-weight:900;letter-spacing:-.035em}
.plan-card{border:2px solid var(--gold)}
.checks{list-style:none;padding:0}.checks li{padding:.48rem 0;display:flex;gap:.55rem}.checks i{color:#18a957}
.hc-footer{background:#071428;color:#fff}
.auth-wrap{min-height:70vh;display:grid;place-items:center;background:linear-gradient(180deg,#f5f8fc,#fff)}
.auth-card{width:100%;max-width:560px}
.form-control,.form-select{border-radius:12px;padding:.78rem .9rem}
.btn{border-radius:12px;font-weight:700}
.dashboard-bg{background:#f5f7fb;min-height:75vh}
.sidebar{background:#071428;color:#fff;border-radius:20px;padding:22px}
.sidebar a{display:flex;gap:.7rem;color:rgba(255,255,255,.75);text-decoration:none;padding:.75rem .9rem;border-radius:11px;margin:.2rem 0}
.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.11);color:#fff}
.stat{font-size:2rem;font-weight:900}
.credential{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4f6fa;border:1px solid #e4e9f2;border-radius:10px;padding:.65rem}
@media(max-width:991px){.hero{padding:65px 0}}