:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--accent:#8b5cf6;--background:#0f172a;--foreground:#f8fafc;--card-bg:#1e293bb3;--card-border:#ffffff1a;--input-bg:#0f172a80;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--text-muted:#94a3b8;--glass-effect:blur(12px) saturate(180%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 0,#ec489926 0,#0000 50%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,select,textarea{color:inherit;font-family:inherit}.glass{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--card-border);border-radius:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.container{max-width:1200px;margin:0 auto;padding:2rem}h1{letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}h2{margin-bottom:1.25rem;font-size:1.875rem;font-weight:700}h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.text-gradient{background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.modal-input{color:#fff;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.875rem 1rem;font-size:.938rem;transition:all .2s}.modal-input:focus{border-color:var(--primary);background:#0f172a;box-shadow:0 0 0 4px #6366f11a}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-ghost,.btn-pagination{letter-spacing:.01em;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;padding:.75rem 1.375rem;box-shadow:0 1px 3px #00000040,0 0 #0000}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 2px 8px #6366f159}.btn-primary:active:not(:disabled){box-shadow:none;background:#4338ca}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f166}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary-action-btn{text-transform:none;border-radius:999px;gap:.65rem;padding:.85rem 1.75rem;font-size:.938rem;font-weight:700;box-shadow:0 10px 30px #6366f140}.primary-action-btn.btn-sm{border-radius:14px;padding:.5rem 1rem;font-size:.85rem;box-shadow:0 6px 16px #6366f133}.primary-action-btn .primary-action-icon{background:#ffffff26;border-radius:999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1rem;font-weight:800;display:inline-flex}.primary-action-btn .primary-action-arrow{opacity:.8;font-size:1.1rem;transition:transform .2s}.primary-action-btn.btn-sm .primary-action-icon{width:1.25rem;height:1.25rem;font-size:.85rem}.primary-action-btn:hover .primary-action-arrow{transform:translate(4px)}.btn-secondary{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;padding:.75rem 1.375rem}.btn-secondary:hover:not(:disabled){color:#f1f5f9;background:#ffffff1a;border-color:#ffffff2e}.btn-secondary:active:not(:disabled){background:#ffffff12}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff26}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{color:#f87171;background:#ef44441f;border:1px solid #ef444433;padding:.75rem 1.375rem}.btn-danger:hover:not(:disabled){color:#fca5a5;background:#ef444433;border-color:#ef444459}.btn-danger:focus-visible{outline:none;box-shadow:0 0 0 3px #ef44444d}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:#64748b;background:0 0;border:1px solid #0000;padding:.625rem 1rem}.btn-ghost:hover:not(:disabled){color:#94a3b8;background:#ffffff0d;border-color:#ffffff14}.btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff1f}.btn-pagination{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;padding:.5rem 1.125rem}.btn-pagination:not(:disabled):hover{color:#e2e8f0;background:#ffffff14;border-color:#ffffff26}.btn-pagination:disabled{opacity:.3;cursor:not-allowed}.btn-sm{border-radius:8px;padding:.4rem .875rem;font-size:.8125rem}.btn-lg{border-radius:12px;padding:.875rem 2rem;font-size:1rem}.btn-full{width:100%}