@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-4) var(--space-6)}.header-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:transform var(--transition-fast)}.header-logo:hover{transform:scale(1.02)}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);box-shadow:var(--shadow-glow)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:var(--space-6)}.nav-link{position:relative;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;padding:var(--space-2) 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-divider{width:1px;height:24px;background:var(--border-light)}.user-menu{display:flex;align-items:center;gap:var(--space-4)}.user-greeting{color:var(--text-muted);font-size:var(--font-size-sm)}.btn-logout{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.btn-signin{padding:var(--space-2) var(--space-5);background:var(--gradient-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.btn-signin:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:var(--space-2);background:transparent;border:none;cursor:pointer}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}@media(max-width:768px){.header-container{padding:var(--space-3) var(--space-4)}.header-nav{display:none}.mobile-menu-btn{display:flex}.logo-text{font-size:var(--font-size-lg)}}.site-footer{background:var(--bg-dark-1);border-top:1px solid var(--border-light);margin-top:auto}.footer-container{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8)}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{max-width:320px}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo .logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.footer-logo .logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-column{display:flex;flex-direction:column;gap:var(--space-3)}.footer-column h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.footer-column a{color:var(--text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-primary-light)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid var(--border-light)}.footer-copyright{color:var(--text-muted);font-size:var(--font-size-sm)}.footer-social{display:flex;gap:var(--space-4)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.social-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-primary);transform:translateY(-2px)}@media(max-width:768px){.footer-container{padding:var(--space-10) var(--space-4) var(--space-6)}.footer-main{grid-template-columns:1fr;gap:var(--space-8)}.footer-brand{max-width:none;text-align:center}.footer-logo{justify-content:center}.footer-links{grid-template-columns:repeat(3,1fr);gap:var(--space-4);text-align:center}.footer-column{gap:var(--space-2)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}@media(max-width:480px){.footer-links{grid-template-columns:1fr;gap:var(--space-6)}}.home-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-dark)}.home-main{flex:1;width:min(1200px,92vw);margin:0 auto;padding:32px 0 56px}.home-hero{position:relative;overflow:hidden;border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-dark-2);margin-bottom:24px;min-height:210px}.home-hero .hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 22%,rgba(59,130,246,.24),transparent 45%),radial-gradient(circle at 80% 28%,rgba(34,211,238,.2),transparent 42%)}.home-hero .hero-content{position:relative;z-index:1;padding:34px}.home-hero .hero-badge{display:inline-block;margin-bottom:10px;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-accent);color:var(--color-accent);background:#22d3ee1a;font-weight:600;font-size:12px}.home-hero h1{margin:0 0 8px;color:var(--text-primary);font-size:var(--font-size-4xl)}.home-hero p{margin:0;color:var(--text-secondary);max-width:700px}.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.home-actions button{border:1px solid var(--border-primary);background:var(--gradient-card);color:var(--text-primary);border-radius:var(--radius-lg);padding:16px 18px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.home-actions button:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-dark)}.login-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:55vh;padding:var(--space-8);overflow:hidden}.hero-content{position:relative;z-index:2;text-align:center}.hero-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.hero-logo .logo-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-xl);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);animation:glow 3s ease-in-out infinite}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);margin:0 0 var(--space-4);letter-spacing:-1px}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);line-height:var(--line-height-relaxed);max-width:400px;margin:0 auto}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.hero-orb-1{width:400px;height:400px;background:var(--color-primary);top:-100px;left:-100px}.hero-orb-2{width:300px;height:300px;background:var(--color-secondary);bottom:-50px;right:-50px}.hero-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--color-accent);border-radius:50%;opacity:.6;animation:float 6s ease-in-out infinite}.particle:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle:nth-child(2){top:60%;right:25%;animation-delay:2s}.particle:nth-child(3){bottom:30%;left:40%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.login-auth{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%)}.auth-container{width:100%;max-width:420px}.auth-welcome{text-align:center}.auth-welcome h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-3)}.auth-welcome>p{color:var(--text-muted);margin:0 0 var(--space-8);line-height:var(--line-height-relaxed)}.auth-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-10)}.btn-auth{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.btn-auth-primary{background:var(--gradient-primary);border:none;color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-auth-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-auth-secondary{background:transparent;border:2px solid var(--border-medium);color:var(--text-secondary)}.btn-auth-secondary:hover{border-color:var(--color-primary);color:var(--text-primary);background:var(--bg-card)}.auth-features{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.feature{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-sm)}.feature-icon{font-size:var(--font-size-lg)}.auth-form-container{background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-8)}.btn-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;margin-bottom:var(--space-6);background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.btn-back:hover{color:var(--text-primary)}.auth-form-container h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.auth-form-container>p{color:var(--text-muted);margin:0 0 var(--space-6);font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.btn-submit{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);margin-top:var(--space-2);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;margin-top:var(--space-6);color:var(--text-muted);font-size:var(--font-size-sm)}.auth-switch button{background:none;border:none;color:var(--color-primary-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.auth-switch button:hover{color:var(--color-accent);text-decoration:underline}.login-footer{padding:var(--space-6);text-align:center;border-top:1px solid var(--border-light)}.login-footer p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}@media(max-width:768px){.login-hero{min-height:40vh;padding:var(--space-6)}.hero-logo .logo-icon{width:60px;height:60px;font-size:var(--font-size-2xl)}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-base)}.login-auth{padding:var(--space-4)}.auth-form-container{padding:var(--space-6)}.auth-features{flex-direction:column;gap:var(--space-3)}}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-dark)}.dashboard-main{flex:1}.dashboard-hero{position:relative;padding:var(--space-16) var(--space-6);min-height:420px;overflow:hidden}.dashboard-hero .hero-bg{position:absolute;inset:0;background:url(/concert.avif) center 32% / cover no-repeat}.dashboard-hero .hero-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#00000073,#000000a6)}.dashboard-hero .hero-content{position:relative;z-index:1;max-width:var(--max-width-xl);margin:0 auto;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success-bg);border:1px solid rgba(100,255,218,.3);border-radius:var(--radius-full);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4)}.hero-badge:before{content:"";width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.dashboard-hero h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin:0 0 var(--space-3)}.dashboard-hero p{font-size:var(--font-size-lg);color:var(--text-muted);max-width:500px;margin:0 auto}.events-section{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.events-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.events-title-group h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.events-title-group p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.events-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--border-medium);color:var(--text-secondary)}.filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:var(--text-primary)}.filter-more-wrap{position:relative}.filter-more-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:#1a1a2e;border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:160px;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px #0006}.filter-more-item{padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.filter-more-item:hover{background:var(--bg-hover, rgba(255,255,255,.06));color:var(--text-secondary)}.filter-more-item.active{background:var(--gradient-primary);color:var(--text-primary)}.events-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-muted)}.events-loading p{margin-top:var(--space-4)}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.no-events-icon{font-size:3rem;margin-bottom:var(--space-4)}.no-events h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--space-2)}.no-events p{color:var(--text-muted);margin:0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.event-card-image{width:100%;height:180px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.event-card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.event-card{background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.event-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.event-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#0003;border-bottom:1px solid var(--border-light)}.event-genre{padding:var(--space-1) var(--space-3);background:var(--color-info-bg);border-radius:var(--radius-full);color:var(--color-primary-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.event-queue-badge{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-xs)}.pulse-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.event-card-body{padding:var(--space-5)}.event-card .event-artist{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.event-card .event-name{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-5)}.event-card .event-details{display:flex;flex-direction:column;gap:var(--space-3)}.event-detail{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm)}.event-detail svg{color:var(--text-muted);flex-shrink:0}.event-card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light)}.btn-join-queue{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-6);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-join-queue:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-join-queue svg{transition:transform var(--transition-fast)}.btn-join-queue:hover svg{transform:translate(4px)}@media(max-width:768px){.dashboard-hero{padding:var(--space-10) var(--space-4)}.dashboard-hero h1{font-size:var(--font-size-3xl)}.events-section{padding:var(--space-6) var(--space-4) var(--space-12)}.events-header{flex-direction:column;align-items:stretch}.events-filters{overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.events-grid{grid-template-columns:1fr}}.trust-badge{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-6);background:var(--gradient-card);border-radius:var(--radius-lg);border:2px solid var(--trust-color);box-shadow:0 0 20px rgba(var(--trust-color-rgb),.3)}.trust-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-2)}.trust-info{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-3)}.trust-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--trust-color);text-transform:uppercase;letter-spacing:2px}.trust-score{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-1)}.trust-bar{width:100%;height:8px;background:var(--border-light);border-radius:var(--radius-xs);overflow:hidden}.trust-bar-fill{height:100%;background:var(--trust-color);border-radius:var(--radius-xs);transition:width .5s ease-out}.queue-status{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--space-6);color:var(--text-primary);border:1px solid var(--border-light)}.queue-header{text-align:center;margin-bottom:var(--space-6)}.event-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-details{color:var(--text-muted);margin:0;font-size:var(--font-size-sm)}.queue-position-container{background:var(--bg-dark-3);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.position-display{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-4)}.position-label{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.position-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);line-height:1;margin:var(--space-2) 0}.position-total{font-size:var(--font-size-sm);color:var(--text-secondary)}.progress-bar{width:100%;height:12px;background:var(--border-light);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-3)}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-sm);transition:width .5s ease-out}.wait-time{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.wait-icon{font-size:var(--font-size-xl)}.wait-text{color:var(--text-secondary);font-size:var(--font-size-base)}.trust-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.trust-hint{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;margin:0}.trivia-game{background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);color:var(--text-primary)}.trivia-loading{text-align:center;padding:var(--space-10);color:var(--text-muted)}.trivia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.trivia-progress{color:var(--text-muted);font-size:var(--font-size-sm)}.trivia-score{color:var(--color-success);font-weight:var(--font-weight-semibold)}.trivia-timer{background:var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);min-width:60px;text-align:center}.trivia-timer.timer-warning{background:var(--color-error);animation:pulse .5s infinite}.trivia-question{margin-bottom:var(--space-6)}.difficulty-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3)}.difficulty-badge.easy{background:var(--color-success-bg);color:var(--color-success)}.difficulty-badge.medium{background:var(--color-warning-bg);color:var(--color-warning)}.difficulty-badge.hard{background:var(--color-error-bg);color:var(--color-error)}.trivia-question h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0}.trivia-options{display:flex;flex-direction:column;gap:var(--space-3)}.trivia-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--text-primary);font-size:var(--font-size-base)}.trivia-option:hover:not(:disabled){background:var(--color-info-bg);border-color:var(--color-primary)}.trivia-option.selected{border-color:var(--color-primary);background:var(--color-info-bg)}.trivia-option.correct{border-color:var(--color-success);background:var(--color-success-bg)}.trivia-option.incorrect{border-color:var(--color-error);background:var(--color-error-bg)}.trivia-option:disabled{cursor:not-allowed;opacity:.7}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-card-hover);border-radius:50%;font-weight:var(--font-weight-semibold);flex-shrink:0}.option-text{flex:1}.trivia-feedback{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg)}.trivia-feedback.correct{background:var(--color-success-bg);border:1px solid rgba(100,255,218,.3)}.trivia-feedback.incorrect{background:var(--color-error-bg);border:1px solid rgba(255,107,107,.3)}.feedback-icon{font-size:2.5rem}.trivia-feedback.correct .feedback-icon{color:var(--color-success)}.trivia-feedback.incorrect .feedback-icon{color:var(--color-error)}.feedback-text{text-align:center;font-size:var(--font-size-sm)}.next-button{padding:var(--space-3) var(--space-8);background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base)}.next-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.poll-game{background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);color:var(--text-primary)}.poll-loading{text-align:center;padding:var(--space-10);color:var(--text-muted)}.poll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.poll-progress{color:var(--text-muted);font-size:var(--font-size-sm)}.poll-category{background:var(--color-info-bg);color:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.poll-question h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 var(--space-6) 0}.poll-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.poll-option{position:relative;padding:var(--space-4) var(--space-5);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--text-primary);font-size:var(--font-size-base);overflow:hidden}.poll-option:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-info-bg)}.poll-option.selected{border-color:var(--color-success);background:var(--color-success-bg)}.poll-option:disabled{cursor:not-allowed}.option-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.option-percentage{font-weight:var(--font-weight-bold);color:var(--color-success)}.option-bar{position:absolute;top:0;left:0;height:100%;background:#667eea33;transition:width .5s ease-out;z-index:0}.poll-slider{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-card);border-radius:var(--radius-lg)}.slider-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);color:var(--text-muted)}.slider-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.slider-input{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--border-light);border-radius:var(--radius-sm);outline:none;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--gradient-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-glow)}.slider-input::-moz-range-thumb{width:24px;height:24px;background:var(--gradient-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:var(--shadow-glow)}.slider-input:disabled{opacity:.5;cursor:not-allowed}.slider-ticks{display:flex;justify-content:space-between;margin-top:var(--space-2);padding:0 10px}.tick{width:2px;height:8px;background:var(--border-light);border-radius:1px}.poll-actions{display:flex;justify-content:center}.submit-button,.poll-game .next-button{padding:var(--space-4) var(--space-10);background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base)}.submit-button:hover:not(:disabled),.poll-game .next-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.poll-thanks{text-align:center;margin-top:var(--space-4);color:var(--color-success);font-size:var(--font-size-sm)}.location-prompt{background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;animation:fadeIn .3s ease}.location-prompt-icon{font-size:3rem;margin-bottom:var(--space-4)}.location-prompt-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.location-prompt-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0}.location-benefits{list-style:none;padding:0;margin:0 0 var(--space-5) 0;text-align:left}.location-benefits li{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-2) 0;border-bottom:1px solid var(--border-light)}.location-benefits li:last-child{border-bottom:none}.location-prompt-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.btn-location-share{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-location-share:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-location-share:disabled{opacity:.7;cursor:wait}.btn-location-share .btn-icon{font-size:var(--font-size-lg)}.btn-location-share .spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-location-skip{padding:var(--space-3);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-location-skip:hover{border-color:var(--text-muted);color:var(--text-secondary)}.location-privacy{color:var(--text-muted);font-size:var(--font-size-xs);margin:0}.location-prompt.compact{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);text-align:left}.location-prompt.compact .location-prompt-icon{font-size:2rem;margin-bottom:0}.location-prompt.compact .location-prompt-content{flex:1}.location-prompt.compact .location-prompt-content h3{font-size:var(--font-size-base)}.location-prompt.compact .location-benefits{display:none}.location-prompt.compact .location-prompt-actions{flex-direction:row;margin-bottom:0}.location-prompt.compact .location-privacy{display:none}.local-fan-badge{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(var(--badge-color-rgb, 102, 126, 234),.15);border:1px solid var(--badge-color, var(--color-primary));border-radius:var(--radius-lg);animation:badgeSlideIn .4s ease}.badge-icon{font-size:var(--font-size-2xl);flex-shrink:0}.badge-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.badge-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--badge-color, var(--color-primary));text-transform:uppercase;letter-spacing:.5px}.badge-description{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-city{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-dark-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.local-fan-badge.badge-near-venue{background:#10b98126;border-color:#10b981;animation:badgePulse 2s ease infinite}.local-fan-badge.badge-near-venue .badge-label{color:#10b981}.local-fan-badge.badge-local{background:#667eea26;border-color:#667eea}.local-fan-badge.badge-local .badge-label{color:#667eea}.local-fan-badge.badge-regional{background:#8b5cf626;border-color:#8b5cf6}.local-fan-badge.badge-regional .badge-label{color:#8b5cf6}.local-fan-badge.badge-traveling{background:#f59e0b26;border-color:#f59e0b}.local-fan-badge.badge-traveling .badge-label{color:#f59e0b}.local-fan-badge.compact{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.local-fan-badge.compact .badge-icon{font-size:var(--font-size-lg)}.local-fan-badge.compact .badge-description,.local-fan-badge.compact .badge-city{display:none}@keyframes badgeSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes badgePulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.queue-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-dark)}.queue-main{flex:1;padding:var(--space-6);max-width:var(--max-width-md);margin:0 auto;width:100%}.queue-container{display:flex;flex-direction:column;gap:var(--space-6)}.queue-section,.game-section{width:100%}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-primary);text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.error-container h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.error-container p{color:var(--text-muted);margin-bottom:var(--space-6)}.error-container button{padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:var(--text-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.error-container button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.game-selector{background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;color:var(--text-primary)}.game-selector h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-selector>p{color:var(--text-muted);margin:0 0 var(--space-6) 0}.game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.game-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition-base);text-align:center}.game-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.game-icon{font-size:3rem;display:block;margin-bottom:var(--space-3)}.game-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--text-primary)}.game-card p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-4) 0}.game-reward{display:inline-block;background:var(--color-success-bg);color:var(--color-success);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.game-local-badge{display:block;margin-top:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-1) var(--space-2);background:#667eea26;color:var(--color-primary-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.location-badge-section{animation:slideDown .4s ease}.location-prompt-section{animation:fadeIn .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-primary);background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.game-loading .loading-spinner{margin-bottom:var(--space-4)}.back-to-menu{display:block;width:100%;margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.back-to-menu:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-medium)}.queue-actions{display:flex;justify-content:center;padding-top:var(--space-4)}.leave-queue-btn{padding:var(--space-3) var(--space-6);background:transparent;border:2px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.leave-queue-btn:hover{background:var(--color-error-bg)}@media(max-width:600px){.queue-main{padding:var(--space-4)}.game-cards{grid-template-columns:1fr}.game-selector{padding:var(--space-6) var(--space-4)}}.trivia-gate{max-width:560px;margin:0 auto;background:var(--bg-card, #1e1e2e);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:var(--radius-xl, 16px);padding:var(--space-8, 2rem);display:flex;flex-direction:column;gap:var(--space-6, 1.5rem)}.trivia-gate-header{text-align:center}.gate-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-3, .75rem)}.trivia-gate-header h2{font-size:1.5rem;color:var(--text-primary, #fff);margin-bottom:var(--space-2, .5rem)}.trivia-gate-header p{color:var(--text-secondary, #aaa);font-size:.95rem}.gate-question{background:var(--bg-dark-2, rgba(255,255,255,.05));border-radius:var(--radius-md, 8px);padding:var(--space-5, 1.25rem);color:var(--text-primary, #fff);font-size:1rem;line-height:1.5}.gate-options{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.gate-option-btn{width:100%;padding:var(--space-4, 1rem) var(--space-5, 1.25rem);background:var(--bg-dark-2, rgba(255,255,255,.05));border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:var(--radius-md, 8px);color:var(--text-primary, #fff);font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}.gate-option-btn:hover:not(:disabled){background:var(--color-primary, #667eea);border-color:var(--color-primary, #667eea)}.gate-option-btn:disabled{opacity:.5;cursor:not-allowed}.gate-error{color:var(--color-error, #e74c3c);font-size:.9rem;text-align:center}.gate-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, .75rem);color:var(--text-secondary, #aaa)}.flag-warning{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);border-radius:var(--radius-md, 8px);color:#e74c3c;padding:var(--space-4, 1rem);font-size:.9rem;margin-bottom:var(--space-4, 1rem);text-align:center}.mytickets-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-dark-1)}.mytickets-main{flex:1;width:min(1200px,92vw);margin:0 auto;padding:32px 0 56px}.mytickets-hero{position:relative;overflow:hidden;border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-dark-2);margin-bottom:24px;min-height:180px}.mytickets-hero .hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(34,211,238,.18),transparent 45%),radial-gradient(circle at 80% 30%,rgba(59,130,246,.22),transparent 42%)}.mytickets-hero .hero-content{position:relative;z-index:1;padding:30px}.mytickets-hero .hero-badge{display:inline-block;margin-bottom:10px;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-accent);color:var(--color-accent);background:#22d3ee1a;font-weight:600;font-size:12px}.mytickets-hero h1{margin:0 0 8px;color:var(--text-primary)}.mytickets-hero p{margin:0;color:var(--text-secondary)}.mytickets-section{border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-dark-2);padding:24px}.mytickets-empty{border:1px dashed var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-dark-3);padding:30px;text-align:center}.mytickets-empty h3{margin:0 0 8px;color:var(--text-primary)}.mytickets-empty p{margin:0 0 16px;color:var(--text-secondary)}.mytickets-empty button{border:1px solid var(--border-accent);background:var(--color-accent);color:#00151c;border-radius:var(--radius-md);padding:10px 14px;font-weight:700;cursor:pointer}.mytickets-empty button:hover{filter:brightness(1.05)}:root{--color-primary: #667eea;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-secondary: #764ba2;--color-accent: #64ffda;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-dark: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%);--gradient-card: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--gradient-hero: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--gradient-glow: linear-gradient(135deg, rgba(102, 126, 234, .4) 0%, rgba(118, 75, 162, .4) 100%);--bg-dark-1: #0a0a0f;--bg-dark-2: #1a1a2e;--bg-dark-3: #16213e;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #ccd6f6;--text-muted: #8892b0;--text-accent: #64ffda;--color-success: #64ffda;--color-success-bg: rgba(100, 255, 218, .15);--color-warning: #ffc107;--color-warning-bg: rgba(255, 193, 7, .15);--color-error: #ff6b6b;--color-error-bg: rgba(255, 107, 107, .15);--color-info: #667eea;--color-info-bg: rgba(102, 126, 234, .15);--trust-bronze: #cd7f32;--trust-silver: #c0c0c0;--trust-gold: #ffd700;--trust-platinum: #e5e4e2;--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--border-primary: rgba(102, 126, 234, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 15px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(102, 126, 234, .3);--shadow-glow-accent: 0 0 30px rgba(100, 255, 218, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1200px;--max-width-2xl: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--gradient-dark);min-height:100vh}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 20px rgba(102,126,234,.5)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-medium);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-light)}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--color-error);border:2px solid var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error-bg)}.btn-accent{background:var(--color-accent);color:var(--bg-dark-1);font-weight:var(--font-weight-bold)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-full{width:100%}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card-elevated{background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.card-glass{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33}.input-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-error{font-size:var(--font-size-sm);color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full)}.badge-primary{background:var(--color-info-bg);color:var(--color-primary-light)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-slide-down{animation:slideDown var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.container{width:100%;max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:var(--max-width-sm)}.container-md{max-width:var(--max-width-md)}.container-lg{max-width:var(--max-width-lg)}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media(max-width:768px){:root{--font-size-3xl: 1.75rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem}.container{padding:0 var(--space-4)}.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark-2)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#667eea4d;color:var(--text-primary)}#root{min-height:100vh;display:flex;flex-direction:column}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}img{max-width:100%;height:auto;display:block}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-dark-2) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-accent)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.m-0{margin:0}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.max-w-sm{max-width:var(--max-width-sm)}.max-w-md{max-width:var(--max-width-md)}.max-w-lg{max-width:var(--max-width-lg)}.max-w-xl{max-width:var(--max-width-xl)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.body{flex:1;background:var(--gradient-dark)}.walkthrough-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-dark)}.walkthrough-main{flex:1;padding:var(--space-8)}.walkthrough-container{max-width:var(--max-width-xl);margin:0 auto;text-align:center}.walkthrough-container h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.walkthrough-container>p{color:var(--text-muted);margin-bottom:var(--space-8)}.walkthrough-placeholder{background:var(--bg-card);border:2px dashed var(--border-light);border-radius:var(--radius-xl);padding:var(--space-20);color:var(--text-muted)}.placeholder-icon{font-size:4rem;margin-bottom:var(--space-4)}.verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-dark, linear-gradient(135deg, #0f0f23 0%, #1a1a3e 100%));padding:var(--space-6, 1.5rem)}.verify-card{background:var(--bg-card, #1e1e2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-xl, 20px);padding:var(--space-10, 2.5rem);max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-6, 1.5rem)}.verify-icon{font-size:3.5rem;line-height:1}.verify-title{font-size:1.75rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.verify-subtitle{color:var(--text-secondary, #aaa);font-size:.95rem;line-height:1.6;margin:0}.verify-info{display:flex;flex-direction:column;gap:var(--space-3, .75rem);width:100%;background:var(--bg-dark-2, rgba(255, 255, 255, .04));border-radius:var(--radius-md, 10px);padding:var(--space-5, 1.25rem)}.verify-info-item{display:flex;align-items:center;gap:var(--space-3, .75rem);color:var(--text-secondary, #aaa);font-size:.9rem}.verify-info-icon{font-size:1.2rem;flex-shrink:0}.verify-btn{width:100%;padding:var(--space-4, 1rem) var(--space-6, 1.5rem);background:linear-gradient(135deg,var(--color-primary, #667eea),var(--color-secondary, #764ba2));color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.verify-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.verify-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, .75rem);color:var(--text-secondary, #aaa);font-size:.9rem}.verify-unavailable{color:var(--color-error, #e74c3c);font-size:.9rem;display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.verify-redirect-notice{color:var(--text-muted, #666);font-size:.85rem}.verify-warning{color:var(--text-muted, #666);font-size:.8rem;margin:0;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08));padding-top:var(--space-4, 1rem);width:100%}.blocked-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0f;padding:var(--space-6, 1.5rem)}.blocked-content{text-align:center;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-5, 1.25rem)}.blocked-icon{font-size:5rem;line-height:1;filter:grayscale(.3)}.blocked-code{font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#e74c3c;background:#e74c3c1f;border:1px solid rgba(231,76,60,.3);border-radius:100px;padding:.3rem 1rem}.blocked-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.blocked-message{color:#88a;font-size:1rem;line-height:1.7;margin:0;max-width:360px}.blocked-divider{width:48px;height:1px;background:#ffffff1a}.blocked-detail{color:#556;font-size:.85rem;margin:0}