@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";:root{--font-heading:"Cinzel", "Outfit", serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--bg-dark:#070a12;--bg-surface:#0f172a;--bg-card:#0f172abf;--bg-glass:#0f172aa6;--gold-primary:#c8aa6e;--gold-bright:#f0e6d2;--gold-glow:#c8aa6e66;--cyan-primary:#00f2fe;--cyan-glow:#00f2fe59;--purple-accent:#7c3aed;--purple-glow:#7c3aed59;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-gold:#f3d79b;--border-dark:#ffffff14;--border-gold:#c8aa6e4d;--border-cyan:#00f2fe4d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15% 15%,#00f2fe0f 0%,#0000 40%),radial-gradient(circle at 85% 75%,#7c3aed0f 0%,#0000 45%),radial-gradient(circle,#c8aa6e08 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#070a12}::-webkit-scrollbar-thumb{border:1px solid var(--border-gold);background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-dark);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{box-shadow:0 12px 40px 0 #00000080, 0 0 20px var(--gold-glow);border-color:#c8aa6e66}.btn-gold{color:#090d16;font-weight:700;font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#c8aa6e 0%,#785a28 100%);border:1px solid #f0e6d2;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #c8aa6e4d}.btn-gold:hover{background:linear-gradient(135deg,#f0e6d2 0%,#c8aa6e 100%);transform:translateY(-2px);box-shadow:0 6px 25px #c8aa6e99}.btn-cyan{color:#070a12;cursor:pointer;background:linear-gradient(135deg,#00f2fe 0%,#0077b6 100%);border:1px solid #7dd3fc;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #00f2fe4d}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00f2fe99}.btn-outline{color:var(--text-main);border:1px solid var(--border-dark);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;transition:all .25s;display:inline-flex}.btn-outline:hover{border-color:var(--gold-primary);color:var(--gold-bright);background:#ffffff1a}.gold-gradient-text{background:linear-gradient(135deg,#fff 0%,#f0e6d2 40%,#c8aa6e 100%);-webkit-text-fill-color:transparent;font-family:var(--font-heading);-webkit-background-clip:text}.cyan-gradient-text{background:linear-gradient(135deg,#e0f2fe 0%,#38bdf8 50%,#00f2fe 100%);-webkit-text-fill-color:transparent;font-family:var(--font-heading);-webkit-background-clip:text}.hextech-badge{text-transform:uppercase;letter-spacing:1px;border:1px solid var(--gold-primary);color:var(--gold-bright);background:#c8aa6e1a;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #c8aa6e4d}50%{box-shadow:0 0 30px #c8aa6eb3}}.pulse-glow-box{animation:3s ease-in-out infinite pulse-glow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-anim{animation:4s ease-in-out infinite float}.main-container{max-width:1320px;margin:0 auto;padding:0 24px}