@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--primary-color: #8B5CF6;--primary-gradient: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--secondary-color: #EC4899;--secondary-gradient: linear-gradient(135deg, #EC4899 0%, #F59E0B 100%);--accent-color: #06B6D4;--accent-gradient: linear-gradient(135deg, #8B5CF6 0%, #06B6D4 100%);--bg-dark: #0f0c29;--bg-card: rgba(255, 255, 255, .03);--text-light: #FFFFFF;--text-dim: #A78BFA;--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 12px 40px 0 rgba(0, 0, 0, .3);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,system-ui,sans-serif;background:linear-gradient(to bottom right,#0f0c29,#302b63,#24243e);background-attachment:fixed;color:var(--text-light);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.5}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.15),transparent 70%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.15),transparent 50%),radial-gradient(circle at 20% 80%,rgba(6,182,212,.15),transparent 50%);z-index:-1;pointer-events:none}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;padding:2.5rem;transition:var(--transition-smooth)}.glass-panel:hover{border-color:#ffffff26;transform:translateY(-4px)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:1.1rem 2.2rem;font-size:1.1rem;font-weight:700;border-radius:14px;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #00d26a33;display:flex;justify-content:center;align-items:center;gap:.7rem;outline:none}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #00d26a66}.btn-primary:active{transform:translateY(-1px) scale(.99)}.input-field{width:100%;padding:1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:1.1rem;text-align:center;transition:var(--transition-smooth);outline:none}.game-nocopy,.game-nocopy *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.game-nocopy img{-webkit-user-drag:none!important;pointer-events:none}@media print{.game-nocopy{display:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-reveal{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulse-soft{0%{transform:scale(1);box-shadow:0 0 #00d26a66}70%{transform:scale(1.02);box-shadow:0 0 0 10px #00d26a00}to{transform:scale(1);box-shadow:0 0 #00d26a00}}.pulse-primary{animation:pulse-soft 2s infinite}.low-data-mode *{animation:none!important;transition:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media(max-width:768px){.glass-panel{padding:1.5rem;border-radius:20px}h1{font-size:2.2rem}h2{font-size:1.8rem}.btn-primary{padding:1rem 1.5rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 15px #00d26a33;background:#0006}.input-field::placeholder{color:#fff6;font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.low-data-mode{background-image:none!important;background-color:#000!important}.low-data-mode .solid-bg{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#1e1e1e!important;box-shadow:none!important;border:1px solid var(--primary-color)!important}.low-data-mode *{animation:none!important;transition:none!important}@media(max-width:1024px){.hide-tablet{display:none!important}}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.glass-panel{padding:1.5rem;border-radius:15px}h1{font-size:2rem}h2{font-size:1.5rem}}.show-mobile{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:1024px){.creator-container{flex-direction:column!important;height:auto!important;overflow:visible!important}.creator-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #ddd;height:auto!important;overflow:visible!important}.creator-main{padding:20px!important;width:100%!important;height:auto!important;overflow:visible!important}}@media(max-width:600px){.creator-sidebar,.creator-main{padding:15px!important}.pricing-grid{grid-template-columns:1fr!important}}:root{--bg-dark: #0f0c29;--card-bg: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .08);--text-primary: #FFFFFF;--text-secondary: #A78BFA;--border-color: rgba(255, 255, 255, .1);--accent-indigo: #8B5CF6;--accent-pink: #EC4899;--accent-cyan: #06B6D4;--accent-gradient: linear-gradient(135deg, #8B5CF6, #EC4899, #F59E0B);--glow-indigo: 0 0 40px rgba(139, 92, 246, .4);--glow-pink: 0 0 40px rgba(236, 72, 153, .4);--radius-lg: 30px;--radius-md: 20px}.landing-container{width:100vw;min-height:100vh;background:linear-gradient(to bottom right,#0f0c29,#302b63,#24243e);color:var(--text-primary);font-family:Outfit,sans-serif;overflow-x:hidden;position:relative}.landing-container:before,.landing-container:after{content:"";position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);z-index:0;opacity:.25;pointer-events:none;animation:moveBubbles 20s infinite alternate ease-in-out}.landing-container:before{background:var(--accent-indigo);top:-200px;left:-200px}.landing-container:after{background:var(--accent-pink);bottom:-200px;right:-200px;animation-delay:-10s}.landing-container:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.15),transparent 70%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.15),transparent 50%),radial-gradient(circle at 20% 80%,rgba(6,182,212,.15),transparent 50%);z-index:0;pointer-events:none}@keyframes moveBubbles{0%{transform:translate(0) scale(1)}33%{transform:translate(100px,100px) scale(1.1)}66%{transform:translate(-50px,150px) scale(.9)}to{transform:translate(0) scale(1)}}.landing-navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;height:70px;background:#0f0c2999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:100px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:1000;box-shadow:0 10px 30px #0000004d,inset 0 0 0 1px #ffffff0d}.navbar-left,.navbar-right{display:flex;align-items:center;gap:24px}.navbar-logo-img{height:30px}.navbar-logo-text{font-size:1.5rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.5px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-links{list-style:none;display:flex;gap:24px;margin:0 0 0 30px;padding:0}.navbar-links a{text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:.95rem;transition:color .2s ease}.navbar-links a:hover{color:var(--text-primary)}.btn-join-game,.btn-login-nav,.btn-signup-nav{padding:8px 20px;font-weight:700;font-size:.9rem;border-radius:100px;cursor:pointer;border:none;transition:all .2s ease}.btn-join-game{background:#ffffff1a;color:var(--text-primary)}.btn-join-game:hover{background:#ffffff26}.btn-login-nav{background:transparent;color:var(--text-secondary)}.btn-login-nav:hover{color:var(--text-primary)}.btn-signup-nav{background:var(--accent-gradient);color:#fff}.btn-signup-nav:hover{box-shadow:var(--glow-indigo);transform:translateY(-1px)}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:180px 20px 100px;min-height:90vh;position:relative;z-index:1}.hero-content{max-width:850px;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) forwards}.hero-title{font-size:5rem;font-weight:900;line-height:1.1;margin-bottom:24px;color:var(--text-primary);letter-spacing:-3px}.rainbow-text{background:linear-gradient(to right,#818cf8,#f472b6,#22d3ee,#818cf8);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow 6s linear infinite}@keyframes rainbow{0%{background-position:0% center}to{background-position:300% center}}.hero-subtitle{font-size:1.3rem;line-height:1.6;color:var(--text-secondary);margin-bottom:40px;max-width:650px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;gap:16px;justify-content:center}.hero-btn-primary{background:var(--accent-gradient);color:#fff;font-weight:700;font-size:1.1rem;padding:16px 36px;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #6366f14d}.hero-btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 0 30px #ec489980;filter:brightness(1.1)}.hero-btn-primary:active{transform:scale(.98)}.hero-btn-secondary{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-weight:700;font-size:1.1rem;padding:16px 36px;border:1px solid rgba(255,255,255,.2);border-radius:100px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px #0003}.hero-visual{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:-1}.hero-shape{position:absolute;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);animation:floatShape 8s ease-in-out infinite alternate}.shape-1{width:100px;height:100px;top:20%;left:10%;transform:rotate(10deg);border-radius:24px;box-shadow:var(--glow-indigo)}.shape-2{width:80px;height:80px;top:60%;left:15%;border-radius:50%;animation-delay:1s}.shape-3{width:120px;height:120px;top:15%;right:10%;transform:rotate(-15deg);border-radius:50%;animation-delay:2s;box-shadow:var(--glow-pink)}.shape-4{width:90px;height:90px;top:65%;right:15%;animation-delay:3s;border-radius:20px;transform:rotate(20deg)}.occasions-section{padding:100px 10%;position:relative;z-index:1}.section-title{font-size:3rem;font-weight:900;text-align:center;margin-bottom:60px;color:var(--text-primary);letter-spacing:-1px}.occasions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.occasion-card{background:#ffffff05;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:40px 30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;perspective:1000px;position:relative;overflow:hidden}.occasion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.occasion-card:hover{transform:translateY(-12px) scale(1.02);background:#ffffff0d;border-color:#8b5cf666;box-shadow:0 25px 50px #0006,0 0 30px #8b5cf633}.occasion-card:hover:before{opacity:1}.occasion-card h3{font-size:1.5rem;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.occasion-card p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:30px;flex:1}.card-link{background:none;border:none;font-weight:700;font-size:1rem;cursor:pointer;text-align:left;padding:0;display:flex;align-items:center;gap:8px;transition:gap .2s ease}.occasion-card:hover .card-link{gap:12px}.features-section{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:100px 10%;background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.feature-block{text-align:center}.feature-block h2{font-size:1.3rem;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.feature-block p{font-size:1rem;color:var(--text-secondary);line-height:1.6}.bottom-cta{padding:120px 10%;text-align:center;background:var(--bg-dark)}.bottom-cta h2{font-size:3.5rem;font-weight:900;margin-bottom:20px;letter-spacing:-1px}.bottom-cta p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px}.landing-footer{border-top:1px solid rgba(255,255,255,.05);padding:60px 10% 40px;background:#0000004d}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-brand h2{font-size:1.5rem;font-weight:900;margin:0 0 8px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-brand p{font-size:.9rem;color:var(--text-secondary);margin:0}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatShape{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-20px) rotate(5deg)}}.mobile-toggle{display:none}@media(max-width:900px){.landing-navbar{width:100%;border-radius:0;top:0;border-left:none;border-right:none;border-top:none}.hero-title{font-size:3.2rem}.hero-cta-group{flex-direction:column}.features-section{grid-template-columns:1fr}.mobile-toggle{display:block!important;background:none;border:none;cursor:pointer;color:var(--text-primary)}.navbar-links{display:none;position:absolute;top:64px;left:0;width:100%;background:#151c2cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:20px;border-bottom:1px solid var(--border-color);margin:0}.navbar-links.open{display:flex}.navbar-right .hide-mobile{display:none!important}.show-mobile-flex{display:flex!important}.footer-content{flex-direction:column;gap:20px;text-align:center}}.lobby-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#0b0f19;font-family:Inter,sans-serif;color:#fff;background-image:radial-gradient(circle at 15% 30%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 85% 60%,rgba(236,72,153,.15) 0%,transparent 40%)}.kahoot-card{background:#151c2cd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;max-width:420px;border-radius:24px;padding:48px 40px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000080,0 0 40px #6366f126;display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.kahoot-logo-title{font-size:2.5rem;font-weight:900;color:#fff;margin:0 0 10px;text-align:center;letter-spacing:-1px;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kahoot-input{width:100%;padding:16px;font-size:1.1rem;font-weight:600;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;transition:all .2s ease;color:#fff;background:#0b0f1999;font-family:Inter,sans-serif}.kahoot-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;transform:translateY(-1px);background:#0b0f19cc}.kahoot-input::placeholder{color:#64748b;font-weight:500}.kahoot-btn{width:100%;padding:16px;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #6366f14d;transition:all .2s ease;margin-top:8px;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.kahoot-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #ec489966}.kahoot-btn:active{transform:translateY(0)}.kahoot-btn:disabled{background:#1e293b;color:#475569;cursor:not-allowed;box-shadow:none;transform:none}.status-text{color:#f87171;font-weight:600;font-size:.95rem;text-align:center;margin-top:10px;background:#ef44441a;padding:12px;border-radius:8px;border:1px solid rgba(239,68,68,.2);width:100%}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.lobby-container{padding:15px}.kahoot-card{padding:40px 24px;max-width:100%;border-radius:20px}.kahoot-logo-title{font-size:2rem}.kahoot-input,.kahoot-btn{padding:14px;font-size:1rem}}:root{--bg-dark: transparent;--card-bg: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .08);--text-primary: #FFFFFF;--text-secondary: #A78BFA;--border-color: rgba(255, 255, 255, .1);--accent-indigo: #8B5CF6;--accent-pink: #EC4899;--accent-cyan: #06B6D4;--accent-gradient: linear-gradient(135deg, #8B5CF6, #EC4899)}.dashboard-container{padding:40px;background:transparent;min-height:100vh;color:var(--text-primary);font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;position:relative;z-index:1}.dashboard-title{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.5px}.org-badge{padding:6px 12px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-secondary);font-weight:600}.dashboard-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-neo{padding:10px 18px;font-size:.95rem;font-weight:600;border-radius:100px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:1px solid transparent;font-family:Inter,sans-serif}.btn-neo:hover{transform:translateY(-1px)}.btn-neo:active{transform:translateY(0)}.btn-neo:disabled{opacity:.6;cursor:not-allowed;background:#1e293b!important;color:#475569!important;box-shadow:none}.btn-orange{background:#ffffff1a;color:var(--text-primary);border-color:var(--border-color)}.btn-orange:hover{background:#ffffff26;border-color:#fff3}.btn-pink{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 15px #6366f133}.btn-pink:hover{box-shadow:0 6px 20px #ec48994d}.btn-green{background:#00d26a;color:#fff;border:none}.btn-green:hover{background:#00b35a}.btn-purple{background:#ffffff0d;color:var(--text-primary)}.btn-purple:hover{background:#ffffff1a}.btn-blue{background:#007aff;color:#fff;border:none}.btn-blue:hover{background:#06c}.dl-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s;padding:0 8px}.dl-link:hover{color:var(--text-primary)}.filter-bar{display:flex;gap:16px;margin-top:40px;background:#ffffff05;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);align-items:center;flex-wrap:wrap;position:relative;z-index:1}.search-container{flex:1;position:relative;min-width:250px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.5;color:var(--text-secondary)}.neo-input{width:100%;padding:10px 12px 10px 40px;border-radius:10px;border:1px solid var(--border-color);font-size:.95rem;font-weight:500;box-sizing:border-box;font-family:Outfit,sans-serif;outline:none;transition:all .2s;background:#ffffff0d;color:var(--text-primary)}.neo-input:focus{background:#ffffff1a;border-color:var(--accent-indigo);box-shadow:0 0 0 3px #8b5cf633}.neo-select{padding:10px 36px 10px 16px;border-radius:10px;border:1px solid var(--border-color);font-size:.95rem;font-weight:500;background:#ffffff0d;color:var(--text-primary);cursor:pointer;font-family:Outfit,sans-serif;outline:none;transition:all .2s;appearance:none}.neo-select:focus{background:#ffffff1a;border-color:var(--accent-indigo);box-shadow:0 0 0 3px #8b5cf633}.neo-select option{background:var(--card-bg);color:var(--text-primary)}.reset-btn{background:none;border:none;color:#f87171;cursor:pointer;font-weight:600;font-size:.95rem;transition:opacity .2s}.reset-btn:hover{opacity:.8}.tabs-container{display:flex;gap:32px;margin-top:40px;border-bottom:1px solid var(--border-color);position:relative;z-index:1}.tab-btn{background:none;border:none;font-size:1.1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:0 0 12px;position:relative;font-family:Inter,sans-serif;transition:color .2s}.tab-btn:hover,.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent-indigo);box-shadow:0 -2px 10px #6366f180}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:30px;position:relative;z-index:1}.quiz-card-neo{background:#ffffff05;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.quiz-card-neo:hover{transform:translateY(-8px) scale(1.02);border-color:#8b5cf666;box-shadow:0 20px 40px #0006,0 0 20px #8b5cf633;background:#ffffff0d}.quiz-category-badge{align-self:flex-start;padding:4px 10px;background:#6366f126;border-radius:6px;font-size:.8rem;font-weight:600;color:var(--accent-indigo);margin-bottom:16px;border:1px solid rgba(99,102,241,.3)}.quiz-title-neo{font-size:1.25rem;font-weight:700;margin:0 0 8px;color:var(--text-primary);letter-spacing:-.3px}.quiz-desc-neo{color:var(--text-secondary);font-size:.95rem;font-weight:400;flex:1;margin-bottom:24px;line-height:1.5}.quiz-actions-neo{display:flex;gap:12px}.btn-neo-small{flex:1;padding:8px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;border:none}.btn-neo-small.btn-blue{background:var(--accent-gradient);color:#fff}.btn-neo-small.btn-blue:hover{opacity:.9}.btn-neo-small.btn-orange{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-color)}.btn-neo-small.btn-orange:hover{background:#ffffff26}.pricing-page{font-family:Inter,sans-serif;color:var(--text-primary);padding:60px 20px;background-color:var(--bg-dark);min-height:100vh}.pricing-header{text-align:center;margin-bottom:50px}.pricing-title{font-size:3.5rem;font-weight:800;color:var(--text-primary);margin-bottom:15px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:800px;margin:0 auto}.pricing-billing-toggle{display:flex;justify-content:center;align-items:center;gap:15px;margin:40px 0}.billing-label{font-size:1.1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .3s}.billing-label.active{color:var(--text-primary)}.toggle-switch{width:60px;height:32px;background-color:var(--accent-indigo);border-radius:20px;position:relative;cursor:pointer;transition:background-color .3s}.toggle-switch.monthly{background-color:#475569}.toggle-switch:after{content:"";position:absolute;width:26px;height:26px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s;box-shadow:0 2px 5px #0003}.toggle-switch.monthly:after{transform:translate(28px)}.billing-badge{background:var(--accent-pink);color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:12px;text-transform:uppercase}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto;align-items:stretch}.pricing-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0;display:flex;flex-direction:column;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.pricing-card:hover{transform:translateY(-5px);border-color:var(--accent-indigo);box-shadow:var(--glow-indigo)}.pricing-card.start{border-top:4px solid #94A3B8}.pricing-card.standard{border-top:4px solid var(--accent-indigo)}.pricing-card.plus{border-top:4px solid var(--accent-pink)}.pricing-card.max{border-top:4px solid #F59E0B}.plan-badge{position:absolute;top:0;left:0;padding:6px 16px;font-size:.75rem;font-weight:700;color:#fff;border-bottom-right-radius:12px;z-index:10}.plan-badge.plus{background-color:var(--accent-pink)}.plan-badge.max{background-color:#f59e0b}.current-badge{position:absolute;top:15px;right:-35px;background:#1368ce;color:#fff;padding:5px 40px;font-size:.8rem;font-weight:700;transform:rotate(45deg);text-transform:uppercase;letter-spacing:1px;z-index:10}.card-header{padding:40px 30px 20px;text-align:left;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.5rem;font-weight:800;margin:0 0 5px;color:var(--text-primary)}.card-title-light{font-weight:400;color:var(--text-secondary)}.card-desc{font-size:.9rem;color:var(--text-primary);font-weight:600;margin:15px 0 0;min-height:45px}.card-price-container{margin:15px 0 5px;display:flex;align-items:baseline;flex-wrap:wrap}.card-original-price{font-size:1.3rem;color:#94a3b8;text-decoration:line-through;margin-right:8px;font-weight:600}.card-price{font-size:2.2rem;font-weight:900;color:var(--text-primary)}.card-period{font-size:.9rem;color:var(--text-secondary);font-weight:500;margin-left:5px}.card-billing-note{font-size:.85rem;color:var(--text-secondary);width:100%;margin-top:5px}.card-action{padding:20px 30px}.btn-subscribe{width:100%;padding:16px;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;background:var(--accent-gradient);color:#fff;transition:background .3s,transform .1s;box-shadow:0 4px 6px #0003}.btn-subscribe:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-indigo)}.btn-subscribe:active:not(:disabled){transform:translateY(0)}.btn-subscribe:disabled{cursor:default;opacity:.5;box-shadow:none}.card-features{padding:20px 30px 30px;flex-grow:1}.features-title{font-size:.95rem;font-weight:700;margin-bottom:15px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;align-items:flex-start;margin-bottom:12px;font-size:.95rem;color:var(--text-secondary);line-height:1.4}.feature-icon{margin-right:10px;font-size:1.1rem}.usage-banner{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:25px 35px;margin:0 auto 50px;max-width:900px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 4px 15px #0003}.usage-info{display:flex;align-items:center;gap:20px}.usage-plan-name{font-size:1.2rem;font-weight:800;color:var(--text-primary)}.usage-stats{font-size:1rem;color:var(--text-secondary)}.usage-progress-container{flex-grow:1;max-width:300px}.progress-bar{width:100%;height:10px;background:#334155;border-radius:5px;overflow:hidden}.progress-fill{height:100%;border-radius:5px;transition:width .5s ease}.back-btn-container{text-align:center;margin-top:60px}.btn-back{padding:12px 30px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-secondary);transition:all .2s}.btn-back:hover{background:#ffffff1a;color:var(--text-primary)}@media(max-width:768px){.pricing-page{padding:40px 15px}.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1rem}.pricing-billing-toggle{flex-direction:column;gap:10px;margin:25px 0}.billing-badge{display:inline-block;margin-top:5px}.usage-banner{padding:15px;flex-direction:column;align-items:flex-start;margin-bottom:30px}.usage-info{flex-direction:column;align-items:flex-start;gap:5px}.usage-progress-container{width:100%;max-width:none}.pricing-grid{grid-template-columns:1fr;gap:20px}.card-header{padding:30px 20px 15px}.card-price{font-size:1.8rem}.card-features{padding:15px 20px 25px}}