@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-base:#080812;--bg-surface:#0e0e1e;--bg-elevated:#14142a;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff12;--glass-border:#8b5cf633;--glass-border-hover:#8b5cf680;--primary:#7c3aed;--primary-light:#9f67ff;--primary-dark:#5b21b6;--primary-glow:#7c3aed66;--accent:#06b6d4;--accent-glow:#06b6d44d;--success:#22c55e;--success-bg:#22c55e1a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--text-primary:#f1f0ff;--text-secondary:#a89ec8;--text-muted:#6b6490;--grad-primary:linear-gradient(135deg, #7c3aed, #4f46e5);--grad-accent:linear-gradient(135deg, #06b6d4, #7c3aed);--grad-hero:radial-gradient(ellipse 80% 60% at 50% 0%, #7c3aed4d 0%, transparent 70%);--grad-card:linear-gradient(180deg, transparent 40%, #000000d9 100%);--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 20px 60px #0009;--shadow-glow:0 0 30px var(--primary-glow);--shadow-glow-sm:0 0 12px var(--primary-glow);--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:all .15s ease;--transition-base:all .25s ease;--transition-slow:all .4s ease;--navbar-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass:hover{border-color:var(--glass-border-hover)}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:var(--transition-base);padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0f}.btn:active{transform:scale(.98)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 28px var(--primary-glow), 0 0 0 1px #7c3aed80}.btn-ghost{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.btn-ghost:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef44444d}.btn-danger:hover{background:#ef444433}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 36px;font-size:17px}.btn-full{justify-content:center;width:100%}.btn-icon{border-radius:var(--radius-md);padding:10px}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.form-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition-base);background:#0000004d;padding:12px 16px;font-size:15px}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#00000080}.form-input.error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.tag{border-radius:var(--radius-full);color:var(--primary-light);text-transform:uppercase;letter-spacing:.5px;background:#7c3aed26;border:1px solid #7c3aed40;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-active{background:var(--success-bg);color:var(--success)}.badge-expired{background:var(--danger-bg);color:var(--danger)}.badge-cancelled{background:var(--warning-bg);color:var(--warning)}.badge-pending{color:#94a3b8;background:#64748b26}.divider{align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.page{min-height:100vh;padding-top:var(--navbar-h)}.container{width:100%;max-width:1280px;padding:0 var(--space-xl);margin:0 auto}@media (width<=768px){.container{padding:0 var(--space-md)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#7c3aed66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:#fff}.mobile-only{display:none!important}@media (width<=1024px){:root{--space-xl:32px;--space-2xl:48px}}@media (width<=768px){:root{--space-xl:24px;--space-2xl:32px;--navbar-h:64px}.desktop-only{display:none!important}.mobile-only{display:flex!important}.container{padding:0 var(--space-md)}.grid-responsive{grid-template-columns:1fr!important}.glass{border-radius:var(--radius-md)}.btn-lg{padding:12px 28px;font-size:15px}}@media (width<=480px){:root{--space-md:12px;--space-lg:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes slideInMobile{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes glow{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 35px var(--primary-glow)}}.animate-fadeIn{animation:.4s both fadeIn}.animate-slideIn{animation:.3s both slideIn}.animate-slideInMobile{animation:.4s cubic-bezier(.16,1,.3,1) both slideInMobile}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, #ffffff0d 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:400px 100%;animation:1.5s infinite shimmer}.toast-container{z-index:9999;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px}