:root{--bg-dark: #050505;--bg-card: #0f1012;--primary: #00ff9d;--primary-dim: #00cc7d;--accent: #ff0055;--text-main: #ffffff;--text-muted: #a1a1aa;--border-color: #27272a;--glass-bg: rgba(15, 16, 18, .7);--glass-border: rgba(255, 255, 255, .1);--blur-amt: 12px;--radius: 12px;--font-main: "Inter", system-ui, sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amt));-webkit-backdrop-filter:blur(var(--blur-amt));border:1px solid var(--glass-border);border-radius:var(--radius)}.btn-primary{background:var(--primary);color:#000;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--radius);transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--primary-dim);transform:translateY(-2px);box-shadow:0 4px 20px #00ff9d33}.btn-danger{background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:var(--radius);font-weight:600;transition:var(--transition)}.btn-danger:hover{filter:brightness(1.1)}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}@media(max-width:768px){.container{padding:0 1rem}h1{font-size:2.5rem!important}.glass-panel{border-radius:8px}}.loader{border:4px solid rgba(255,255,255,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--primary);animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}