:root{--bg-main: #060913;--bg-darker: #03050a;--bg-card: rgba(13, 21, 38, .75);--bg-card-hover: rgba(19, 31, 56, .85);--bg-card-active: rgba(24, 40, 72, .95);--frost-cyan: #00f0ff;--frost-cyan-glow: rgba(0, 240, 255, .35);--frost-ice: #38bdf8;--frost-blue: #0284c7;--gold-accent: #fbbf24;--gold-border: #d97706;--gold-glow: rgba(251, 191, 36, .25);--alliance-blue: #3b82f6;--horde-red: #ef4444;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--border-ice: rgba(56, 189, 248, .25);--border-gold: rgba(217, 119, 6, .35);--font-hero: "Cinzel", Georgia, serif;--font-ui: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-ui);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 50% 0%,rgba(2,132,199,.15),transparent 45%),radial-gradient(circle at 10% 30%,rgba(0,240,255,.06),transparent 35%),radial-gradient(circle at 90% 70%,rgba(239,68,68,.05),transparent 35%);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px;border:1px solid var(--border-ice)}::-webkit-scrollbar-thumb:hover{background:#0284c7}a{color:var(--frost-ice);text-decoration:none;transition:all .2s ease}a:hover{color:var(--frost-cyan)}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.font-hero{font-family:var(--font-hero);letter-spacing:.05em}.glow-frost{text-shadow:0 0 15px rgba(0,240,255,.6),0 0 30px rgba(2,132,199,.4)}.glow-gold{text-shadow:0 0 12px rgba(251,191,36,.5)}.ice-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-ice);border-radius:var(--radius-lg);box-shadow:0 10px 30px -10px #000000b3,0 0 20px -5px #00f0ff0d;position:relative;overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.ice-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.6),transparent);pointer-events:none}.ice-panel:hover{border-color:#38bdf873;box-shadow:0 15px 35px -10px #000c,0 0 25px -5px #00f0ff26}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1,#0c4a6e);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid #38bdf8;box-shadow:0 4px 14px #0284c759;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#0284c7,#38bdf8);transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff73}.btn-primary:hover:before{left:100%}.btn-gold{background:linear-gradient(135deg,#b45309,#d97706,#f59e0b);color:#1e1b18;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid #fbbf24;box-shadow:0 4px 14px #d9770659}.btn-gold:hover{background:linear-gradient(135deg,#d97706,#f59e0b,#fde68a);transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2473}.btn-ghost{background:#0f172a99;color:var(--text-main);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;border:1px solid rgba(148,163,184,.2);display:inline-flex;align-items:center;gap:.5rem}.btn-ghost:hover{background:#1e293bcc;border-color:var(--border-ice);color:var(--frost-cyan)}.badge-alliance{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.4);padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.badge-horde{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.4);padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.input-dark{width:100%;background:#030712b3;border:1px solid rgba(56,189,248,.3);padding:.75rem 1rem;border-radius:var(--radius-md);color:#fff;font-family:var(--font-ui);font-size:.95rem;transition:all .2s ease}.input-dark:focus{outline:none;border-color:var(--frost-cyan);box-shadow:0 0 10px #00f0ff40;background:#030712e6}.app-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.animate-pulse-slow{animation:pulseGlow 3s ease-in-out infinite}