:root{--primary: #6366f1;--secondary: #a855f7;--accent: #ec4899;--background: #0f172a;--surface: #1e293b;--surface-highlight: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--glass-bg: rgba(30, 41, 59, .6);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25)}body{background-color:var(--background);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.pro-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at 15% 15%,rgba(99,102,241,.15),transparent 35%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.15),transparent 35%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.08),transparent 40%);background-size:cover}.pro-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 90%);mask-image:radial-gradient(circle at center,black 40%,transparent 90%)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.glass-card{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px);background:#2d374880;border-color:var(--glass-highlight);box-shadow:var(--shadow-glow)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:0;transition:opacity .3s}.glass-card:hover:before{opacity:1}.text-gradient{background:linear-gradient(135deg,#818cf8,#d8b4fe);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.text-gradient-secondary{background:linear-gradient(135deg,#c084fc,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-pro{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;transition:all .2s;box-shadow:0 4px 12px #6366f140;position:relative;overflow:hidden}.btn-pro:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f159;filter:brightness(1.1)}.btn-pro:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:.75rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;color:var(--text-main);border-color:var(--glass-highlight)}.badge{padding:.35rem .85rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.35rem}.badge-available{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25);box-shadow:0 0 15px #10b98126}.badge-taken{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.badge-loading{background:#f59e0b26;color:#fbbf24;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-highlight);border-radius:5px;border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.input-pro{background:#0f172a99;border:1px solid var(--glass-border);color:var(--text-main);border-radius:.75rem;transition:all .2s}.input-pro:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133;outline:none}