:root{--bg-dark: #090D16;--bg-card: rgba(18, 26, 43, .7);--bg-card-hover: rgba(26, 37, 61, .85);--bg-elevated: #162035;--bg-glass: rgba(15, 23, 42, .65);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .4);--border-active: rgba(99, 102, 241, .8);--accent-primary: #6366F1;--accent-secondary: #06B6D4;--accent-gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #06B6D4 100%);--accent-gradient-hover: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #0891B2 100%);--accent-glow: rgba(99, 102, 241, .25);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--text-muted: #6B7280;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-glow: 0 0 25px rgba(99, 102, 241, .25);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05) 0%,transparent 60%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);line-height:1.25}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.glass-panel:hover{border-color:#ffffff24}.bg-checkerboard{background-color:#0d1322;background-image:linear-gradient(45deg,rgba(255,255,255,.07) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.07) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.07) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.07) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;font-family:var(--font-heading);font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){background:var(--accent-gradient-hover);transform:translateY(-2px);box-shadow:0 0 35px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-outline:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse-glow{animation:pulseGlow 2.5s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}