/* BASE VARIABLES & TYPOGRAPHY */
:root{
  --bg:#060510; --bg-2:#0B0918; --card:#0F0D22; --card-hover:#151230;
  --border:rgba(177,151,252,0.16); --border-strong:rgba(198,241,53,0.5);
  --text:#EDEBFF; --muted:#A8A4C9; --violet:#B197FC; --violet-deep:#7C5CF0;
  --lime:#C6F135; --lime-dark:#9BC219; --amber:#FFAB4A; --coral:#FF6F91; --cyan:#4FD1F5;
  --radius:20px; --maxw:1240px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition-duration:0.001s!important;scroll-behavior:auto!important;}}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.15;letter-spacing:-0.02em;}
.mono{font-family:'JetBrains Mono',monospace;}
a{color:var(--violet);text-decoration:none;}
img,svg{max-width:100%;display:block;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* ACCESSIBILITY & FOCUS */
.skip-link{position:absolute;left:-999px;top:0;background:var(--lime);color:var(--bg);padding:12px 20px;border-radius:0 0 10px 0;z-index:1000;font-weight:700;}
.skip-link:focus{left:0;}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px;box-shadow:0 0 0 6px var(--bg);border-radius:6px;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14.5px;border-radius:10px;padding:11px 20px;border:1px solid transparent;cursor:pointer;transition:all 0.2s;white-space:nowrap;}
.btn-lime{background:var(--lime);color:var(--bg);}
.btn-lime:hover{background:var(--lime-dark);transform:translateY(-1px);}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border);}
.btn-ghost:hover{background:var(--card-hover);border-color:var(--border-strong);}
.btn-lg{padding:15px 28px;font-size:15.5px;}

/* FORMS & INPUTS */
.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left;}
.form-group label{font-size:14px;font-weight:500;color:var(--muted);}
.form-input{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--text);font-size:15px;font-family:'Inter',sans-serif;transition:border-color 0.2s;}
.form-input::placeholder{color:var(--muted);}
.form-input:focus-visible{outline:3px solid var(--lime);outline-offset:2px;border-color:var(--lime);}

/* CARDS */
.card-style{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:34px;transition:transform 0.2s,border-color 0.2s;}
.card-style:hover{border-color:var(--border-strong);background:var(--card-hover);}

/* NAVIGATION (Shared) */
.navbar{position:sticky;top:0;z-index:100;background:rgba(6,5,16,0.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:var(--maxw);margin:0 auto;}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;font-family:'Space Grotesk',sans-serif;color:var(--text);}
.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);}

/* ALERTS / ARIA-LIVE REGIONS */
.alert{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;display:none;border:1px solid transparent;}
.alert.error{display:block;background:rgba(255,111,145,0.1);border-color:var(--coral);color:var(--coral);}
.alert.success{display:block;background:rgba(198,241,53,0.1);border-color:var(--lime);color:var(--lime);}