:root{
--bg:#07090f;
--panel:#0d1220;
--panel2:#121a2d;
--text:#eef4ff;
--muted:#9aa8c7;
--line:#22304d;
--accent:#7c5cff;
--accent2:#24d7ff;
--good:#45e6a3;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
margin:0;
font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial;
background:radial-gradient(circle at top,#17213a 0,#07090f 42%);
color:var(--text);
}

a{color:inherit;text-decoration:none}
button{font:inherit}

.site-header{
position:sticky;
top:0;
z-index:10;
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 6vw;
background:rgba(7,9,15,.78);
backdrop-filter:blur(16px);
border-bottom:1px solid rgba(255,255,255,.06);
}

.logo{
display:inline-grid;
place-items:center;
width:54px;
height:38px;
border-radius:14px;
background:linear-gradient(135deg,var(--accent),var(--accent2));
font-weight:900;
text-transform:lowercase;
letter-spacing:-1px;
color:white;
}

nav{
display:flex;
gap:26px;
color:var(--muted);
}

nav a:hover

.primary{
border:0;
border-radius:14px;
padding:13px 18px;
background:linear-gradient(135deg,var(--accent),var(--accent2));
color:white;
font-weight:800;
box-shadow:0 14px 35px rgba(124,92,255,.24);
cursor:pointer;
}

.small{padding:10px 14px}

.hero{
min-height:690px;
padding:90px 6vw 60px;
display:grid;
grid-template-columns:minmax(0,1fr) 520px;
align-items:center;
gap:50px;
}

.eyebrow{
color:var(--muted);
font-weight:700;
}

.tag{
text-transform:uppercase;
color:var(--good);
font-weight:900;
letter-spacing:.14em;
font-size:12px;
}

/* FIXED */
.hero h1{
font-size:clamp(44px,7vw,86px);
line-height:.92;
margin:12px 0;
}

h2{
font-size:clamp(30px,4vw,52px);
margin:0 0 8px;
}

.lead{
font-size:20px;
color:var(--muted);
max-width:680px;
line-height:1.65;
}

.price-row{
display:flex;
gap:14px;
align-items:end;
margin:28px 0;
}

.price-row strong{font-size:38px}

.price-row span{
color:var(--muted);
font-size:20px;
margin-bottom:7px;
}

.hero-card{
padding:24px;
border:1px solid rgba(255,255,255,.1);
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
border-radius:34px;
box-shadow:0 40px 100px rgba(0,0,0,.45);
}

/* keep rest of your CSS unchanged */

/* ADMIN FIX */
.auth-card h1{
font-size:36px !important;
line-height:1.1 !important;
margin:0 0 12px !important;
text-align:center;
font-weight:800;
}

.auth-card p{
font-size:18px;
}

.auth-card{
width:430px;
max-width:90vw;
}