@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--canvas:#060814;--primary:#00f0ff;--primary-hover:#bbf7ff;--primary-focus:#3b82f6;--surface-1:#0e111f;--surface-2:#161b2e;--surface-3:#20273f;--surface-4:#2b3452;--hairline:#1b2138;--hairline-strong:#2c365b;--ink:#fff;--ink-muted:#c5c9d6;--ink-subtle:#868c9f;--ink-tertiary:#595e70;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--radius-full:9999px;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--transition-smooth:all .2s cubic-bezier(.16, 1, .3, 1);--bg-primary:var(--canvas);--bg-secondary:var(--surface-1);--bg-tertiary:var(--surface-2);--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--color-primary-dark:var(--primary-focus);--color-accent:var(--primary);--color-accent-hover:var(--primary-hover);--text-main:var(--ink);--text-muted:var(--ink-muted);--text-dark:var(--primary);--border-color:var(--hairline);--border-glow:#00f0ff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}button,input,select,textarea,a{transition:var(--transition-smooth)}.glass-card,.feature-card,.card-heart,.neon-btn,.btn,.btn-white,.btn-outline,.text-input,select{transition:background-color .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--surface-2);border:2px solid var(--canvas);border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:var(--canvas)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-focus)}.btn-white{border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;transition:var(--transition-smooth);background:#fff;border:1px solid #fff;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 0 10px #ffffff26;color:var(--canvas)!important}.btn-white:hover{background:#ffffffe6;border-color:#ffffffe6;transform:translateY(-1px);box-shadow:0 0 15px #ffffff4d;color:var(--canvas)!important}.btn-white:active{background:#fffc;border-color:#fffc}.neon-btn{border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;border:1px solid var(--primary);background:var(--primary);transition:var(--transition-smooth);justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 0 10px #00f0ff33;color:var(--canvas)!important}.neon-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 15px #00f0ff66;color:var(--canvas)!important}.neon-btn:active{background:var(--primary-focus);border-color:var(--primary-focus)}.btn-outline{background:var(--surface-1);color:var(--ink);border-color:var(--hairline)}.btn-outline:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.btn-sm{border-radius:var(--radius-md);background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:500}.btn-sm:hover:not(:disabled){background:var(--surface-2);border-color:var(--hairline-strong)}.btn-sm:disabled{background:var(--canvas);color:var(--ink-tertiary);border-color:var(--hairline-tertiary);cursor:not-allowed}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);z-index:100;background:#080a08d9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:56px;margin:0 auto;padding:12px 24px;display:flex}.brand{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--primary);width:32px;height:32px;color:var(--canvas);justify-content:center;align-items:center;font-size:16px;display:flex}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.5px;font-size:16px;font-weight:700}.brand-sub{color:var(--ink-subtle);letter-spacing:.2px;font-size:10px;font-weight:500}.nav-links{gap:24px;display:flex}.mobile-nav-toggle{display:none}.nav-link{font-size:14px;font-family:var(--font-main);color:var(--ink-subtle);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-weight:500;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{color:var(--ink)}.signup-btn{background:var(--primary);color:var(--canvas);border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.signup-btn:hover{background:var(--primary-hover)}.signup-btn.full-width{justify-content:center;width:100%;margin-top:16px}.profile-section-nav{border-left:1px solid var(--hairline);align-items:center;gap:16px;padding-left:16px;display:flex}.profile-info-nav{align-items:center;gap:8px;display:flex}.username-nav{color:var(--ink);font-size:14px;font-weight:600}.hero{color:var(--ink);background:0 0;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid}.hero-text{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideIn}.hero-title{font-family:var(--font-display);letter-spacing:-2.2px;flex-direction:column;font-size:56px;font-weight:600;line-height:1.05;display:flex}.hero-title-sub{color:var(--primary);letter-spacing:.8px;margin-top:8px;font-size:16px;font-weight:500}.hero-desc{color:var(--ink-muted);letter-spacing:-.1px;max-width:480px;margin-top:20px;font-size:18px;line-height:1.5}.hero-actions{gap:12px;margin-top:28px;display:flex}.hero-cards{flex-direction:column;gap:16px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex}.hero-card{background:var(--surface-1);border-radius:var(--radius-lg);color:var(--ink);border:1px solid var(--hairline);transition:var(--transition-smooth);padding:20px;position:relative}.hero-card:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.hero-card.featured{border-color:var(--primary)}.hero-card-img{border-radius:var(--radius-md);background-position:50%;background-size:cover;height:130px;margin-bottom:12px;position:relative}.card-heart{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:28px;height:28px;color:var(--ink-muted);cursor:pointer;transition:var(--transition-smooth);background:#080a08b3;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:8px;right:8px}.card-heart:hover{color:var(--danger);background:var(--surface-3)}.hero-card h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.2px;margin-bottom:4px;font-size:15px;font-weight:500}.hero-card p{color:var(--ink-muted);font-size:13px;line-height:1.45}.swipe-link{color:var(--primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:4px;margin-top:8px;padding:0;font-size:13px;font-weight:500;display:flex}.swipe-link:hover{color:var(--primary-hover)}.stat-strip{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--hairline);z-index:2;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1152px;margin:0 auto;padding:24px;display:grid;position:relative}.stat-item{align-items:flex-start;gap:12px;display:flex}.stat-icon{border-radius:var(--radius-md);background:var(--surface-2);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.stat-item h4{font-family:var(--font-display);color:var(--ink);margin-bottom:2px;font-size:14px;font-weight:500}.stat-item p{color:var(--ink-muted);font-size:13px;line-height:1.4}.section-head{text-align:center;max-width:600px;margin:0 auto 40px;padding-top:80px}.eyebrow{color:var(--primary);font-family:var(--font-main);letter-spacing:.4px;text-transform:uppercase;font-size:13px;font-weight:500}.section-head h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-1.8px;margin:12px 0;font-size:40px;font-weight:600}.section-head p{color:var(--ink-muted);font-size:15px}.features-page{max-width:1100px;margin:0 auto;padding:0 24px 80px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);transition:var(--transition-smooth);padding:28px 24px}.feature-card:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.feature-icon{border-radius:var(--radius-md);background:var(--surface-2);width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:20px;font-size:20px;display:flex}.feature-card h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.2px;margin-bottom:8px;font-size:16px;font-weight:500}.feature-card p{color:var(--ink-muted);font-size:13.5px;line-height:1.5}.tournament-page{max-width:900px;margin:0 auto;padding:0 24px 80px}.filter-row{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.chip{border:1px solid var(--hairline);background:var(--surface-1);border-radius:var(--radius-pill);font-family:var(--font-main);cursor:pointer;color:var(--ink-subtle);transition:var(--transition-smooth);padding:6px 14px;font-size:13px;font-weight:500}.chip:hover{color:var(--ink);border-color:var(--hairline-strong)}.chip.active{background:var(--surface-2);color:var(--ink);border-color:var(--primary)}.tournament-list{flex-direction:column;gap:12px;display:flex}.tournament-row{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);transition:var(--transition-smooth);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.tournament-row:hover{background:var(--surface-2);border-color:var(--hairline-strong);transform:translate(2px)}.tournament-info h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.2px;margin-bottom:6px;font-size:16px;font-weight:500}.tournament-meta{color:var(--ink-subtle);gap:16px;font-size:13px;display:flex}.tournament-meta span{align-items:center;gap:4px;display:flex}.tournament-status{align-items:center;gap:12px;display:flex}.badge{font-family:var(--font-main);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-open{color:var(--primary);background:#bef2641a;border:1px solid #bef26433}.badge-closed{background:var(--surface-2);color:var(--ink-subtle);border:1px solid var(--hairline)}.badge-live{color:var(--success);background:#22c55e1a;border:1px solid #22c55e33}.badge-finished{background:var(--surface-2);color:var(--ink-subtle);border:1px solid var(--hairline)}.pricing-page{max-width:1100px;margin:0 auto;padding:0 24px 80px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pricing-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);transition:var(--transition-smooth);padding:32px 28px;position:relative}.pricing-card:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.pricing-card.featured{background:var(--surface-2);border-color:var(--primary)}.pricing-badge{background:var(--primary);color:var(--canvas);font-family:var(--font-main);border-radius:var(--radius-pill);text-transform:uppercase;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:24px}.pricing-card h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.2px;font-size:18px;font-weight:500}.price{font-family:var(--font-display);color:var(--ink);letter-spacing:-1px;margin:12px 0;font-size:32px;font-weight:600}.pricing-desc{color:var(--ink-muted);margin-bottom:20px;font-size:13.5px;line-height:1.45}.pricing-card ul{flex-direction:column;gap:10px;list-style:none;display:flex}.pricing-card li{color:var(--ink-muted);align-items:center;gap:8px;font-size:13.5px;display:flex}.pricing-card li i{color:var(--primary)}.glass-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px;transform:translateZ(0);box-shadow:0 10px 40px #00000014}.glass-card:hover{background:var(--surface-2);border-color:var(--hairline-strong);transform:translateY(-2px)scale(1.002)}.input-group{margin-bottom:16px}.input-label{font-family:var(--font-main);color:var(--ink-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.text-input,select{background-color:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-md);width:100%;color:var(--ink);font-family:var(--font-main);transition:var(--transition-smooth);padding:8px 12px;font-size:14px}.text-input:focus,select:focus{background-color:var(--surface-1);border-color:var(--primary-focus);outline:none;box-shadow:0 0 0 2px #bef26433}.text-input::placeholder{color:var(--ink-tertiary)}.loading-screen-full{background-color:var(--canvas);justify-content:center;align-items:center;height:100vh;display:flex}.spinner-ring{border:3px solid var(--surface-2);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.animate-fade-in{opacity:0;animation:.55s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding:40px 24px}.stat-strip{grid-template-columns:repeat(2,1fr)}.features-grid,.pricing-grid{grid-template-columns:1fr}.mobile-nav-toggle{color:var(--ink);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:all .3s;display:flex}.nav-links{display:none}.nav-links.open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--hairline);z-index:99;background:#080a08f2;flex-direction:column;gap:16px;padding:20px 24px;display:flex;position:absolute;top:55px;left:0;right:0;box-shadow:0 10px 30px #00000080}.nav-links.open .nav-link{text-align:left;width:100%;padding:8px 0;font-size:16px}.hero-title{letter-spacing:-1.2px;font-size:36px}.section-head h2{letter-spacing:-1px;font-size:28px}}.spotlight-container{background-color:var(--canvas);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.spotlight-overlay{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.spotlight{filter:blur(140px);opacity:.15;mix-blend-mode:screen;border-radius:9999px;width:60vw;max-width:800px;height:60vw;max-height:800px;position:absolute}.spotlight-left{background:radial-gradient(circle, var(--primary) 0%, transparent 80%);top:10%;left:-20%}.spotlight-mid{opacity:.12;background:radial-gradient(circle,#3b82f6 0%,#0000 80%);top:30%;left:30%}.spotlight-right{background:radial-gradient(circle, var(--primary) 0%, transparent 80%);top:50%;right:-20%}.spotlight-content{z-index:1;position:relative}.spotlight-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:640px;min-height:60vh;margin:0 auto;padding:80px 24px;display:flex}.spotlight-title{font-family:var(--font-display);letter-spacing:-2px;color:var(--ink);background:linear-gradient(180deg, var(--ink) 0%, var(--ink-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:56px;font-weight:700;line-height:1.1}.spotlight-description{color:var(--ink-muted);margin-bottom:32px;font-size:18px;line-height:1.6}.spotlight-button:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px)}:root{--neon-cyan:#00f0ff;--neon-blue:#3b82f6;--neon-orange:#ff5d00;--neon-pink:#ff007f;--glass-bg:#0a0c0a99;--glass-border:#ffffff0a;--glass-border-hover:#00f0ff26;--glass-shadow:0 8px 32px 0 #00000080}.animated-grid{transform-origin:top;pointer-events:none;z-index:0;background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridScroll;position:absolute;inset:0;transform:perspective(500px)rotateX(60deg)translateY(-30%)translateZ(0);-webkit-mask-image:linear-gradient(#000 30%,#0000 100%);mask-image:linear-gradient(#000 30%,#0000 100%)}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 1000px}}.glass-card{overflow:hidden;background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;border-radius:var(--radius-xl)!important;transition:all .35s cubic-bezier(.16,1,.3,1)!important}.glass-card:hover{border-color:var(--glass-border-hover)!important;box-shadow:0 12px 40px #00f0ff0f, var(--glass-shadow)!important;transform:translateY(-4px)!important}.hero-redesign{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;min-height:85vh;padding:100px 80px 60px;display:grid;position:relative}@media (width<=900px){.hero-redesign{grid-template-columns:1fr;gap:20px;padding:60px 24px}}.hero-visual{justify-content:center;align-items:center;width:100%;height:450px;display:flex;position:relative}.floating-paddle-3d{border:3px solid var(--neon-cyan);width:180px;height:300px;transform-style:preserve-3d;background:linear-gradient(135deg,#1c221c 0%,#080a08 100%);border-radius:40px 40px 10px 10px;animation:6s ease-in-out infinite floatPaddle;position:relative;transform:rotateY(-20deg)rotateX(15deg);box-shadow:0 20px 50px #00f0ff33}.paddle-inner-face{background:radial-gradient(circle,#00f0ff26 0%,#0000 80%);border-radius:30px;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px 10px 40px}.paddle-inner-face:after{content:"";border:1px dashed #00f0ff33;border-radius:20px;width:70%;height:70%}.paddle-handle{background:linear-gradient(90deg,#ff5d00 0%,#b24100 100%);border-radius:4px;width:32px;height:90px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #ff5d0033}@keyframes floatPaddle{0%,to{transform:translateY(0)rotateY(-20deg)rotateX(15deg)rotate(0)}50%{transform:translateY(-20px)rotateY(-10deg)rotateX(25deg)rotate(3deg)}}.floating-ball-3d{background:radial-gradient(circle at 30% 30%,#bef264 0%,#84cc16 50%,#4d7c0f 100%);border-radius:50%;flex-wrap:wrap;place-content:center;gap:8px;width:65px;height:65px;padding:6px;animation:5s ease-in-out infinite floatBall;display:flex;position:absolute;top:120px;right:40px;box-shadow:inset -10px -10px 20px #00000080,0 15px 30px #bef26459}.ball-hole{background:#0009;border-radius:50%;width:8px;height:8px}@keyframes floatBall{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(15px)rotate(180deg)scale(1.05)}}.glow-circle{filter:blur(20px);z-index:-1;background:radial-gradient(circle,#00f0ff1f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseGlow{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.dashboard-preview-widget{border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);z-index:1;background:#12161273;margin-top:80px;padding:30px;position:relative}.widget-grid{grid-template-columns:2fr 1fr;gap:24px;margin-top:20px;display:grid}@media (width<=900px){.widget-grid{grid-template-columns:1fr}}.widget-main{border-radius:var(--radius-lg);background:#080a08cc;border:1px solid #ffffff08;padding:20px}.widget-sidebar{flex-direction:column;gap:16px;display:flex}.mini-widget{border-radius:var(--radius-lg);background:#080a0899;border:1px solid #ffffff08;padding:16px}.chart-container-mock{border-bottom:1px solid var(--hairline);border-left:1px solid var(--hairline);justify-content:space-between;align-items:flex-end;height:180px;margin-top:15px;padding-top:20px;display:flex;position:relative}.chart-bar-mock{background:linear-gradient(180deg, var(--neon-cyan) 0%, #00f0ff1a 100%);border-radius:4px 4px 0 0;width:12%;transition:all .3s;position:relative}.chart-bar-mock:hover{background:linear-gradient(180deg, var(--primary) 0%, #bef2641a 100%);box-shadow:0 0 15px #bef26466}.chart-bar-mock.accent-bar{background:linear-gradient(180deg, var(--neon-orange) 0%, #ff5d001a 100%)}.live-indicator{text-transform:uppercase;letter-spacing:1px;color:var(--neon-orange);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.live-indicator:before{content:"";background:var(--neon-orange);width:8px;height:8px;box-shadow:0 0 8px var(--neon-orange);border-radius:50%;animation:1.5s infinite livePulse}@keyframes livePulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;box-shadow:0 0 12px var(--neon-orange);transform:scale(1.2)}to{opacity:.6;transform:scale(.9)}}.ranking-list-mock{flex-direction:column;gap:10px;margin-top:15px;display:flex}.ranking-item-mock{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.ranking-item-mock:hover{border-color:var(--glass-border-hover);background:#ffffff0a}.rank-badge{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.rank-gold{color:#000;background:#eab308;box-shadow:0 0 10px #eab3084d}.rank-silver{color:#000;background:#94a3b8}.rank-bronze{color:#fff;background:#b45309}.rank-normal{color:var(--ink);background:#ffffff14}.gallery-carousel{border-radius:var(--radius-xl);margin-top:30px;position:relative;overflow:hidden}.gallery-track{gap:20px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex}.gallery-slide{border-radius:var(--radius-lg);min-width:320px;height:220px;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);background-position:50%;background-size:cover;position:relative;overflow:hidden}.gallery-overlay{background:linear-gradient(#0000 0%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.feature-card.glass-card{padding:30px}.feature-icon-glass{border-radius:var(--radius-md);width:50px;height:50px;color:var(--neon-cyan);background:#00f0ff14;border:1px solid #00f0ff26;justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;transition:all .3s;display:flex}.feature-card:hover .feature-icon-glass{background:var(--neon-cyan);color:var(--canvas);transform:rotate(10deg)scale(1.05);box-shadow:0 0 15px #00f0ff80}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.navbar-glass-overlay{-webkit-backdrop-filter:blur(12px)!important;background:#080a0899!important;border-bottom:1px solid #ffffff08!important}.gradient-text-cyan{background:linear-gradient(90deg, #fff 0%, var(--neon-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-orange{background:linear-gradient(90deg, var(--neon-orange) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ai-chatbot-container{z-index:9999;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;position:fixed;bottom:24px;right:24px}.ai-fab-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:visible;box-shadow:0 8px 30px #10b98166,inset 0 0 0 1px #ffffff1a}.ai-fab-btn:hover{transform:scale(1.1)translateY(-4px);box-shadow:0 12px 35px #10b98180,0 0 15px #10b9814d}.ai-fab-btn:active{transform:scale(.95)}.fab-icon-bot{transition:transform .3s}.ai-fab-btn:hover .fab-icon-bot{transform:rotate(5deg)scale(1.05)}.fab-icon-sparkle{color:#fffb00;animation:2s ease-in-out infinite alternate float-sparkle;position:absolute;top:10px;right:10px}.fab-badge{color:#fff;letter-spacing:.5px;background:#3b82f6;border:1px solid #fff3;border-radius:10px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:-4px;left:-4px;box-shadow:0 2px 5px #0003}@keyframes float-sparkle{0%{opacity:.7;transform:translateY(0)scale(.8)rotate(0)}to{opacity:1;transform:translateY(-3px)scale(1.2)rotate(15deg)}}.ai-chat-window{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);transform-origin:100% 100%;background:#0f172af2;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:380px;height:520px;animation:.4s cubic-bezier(.16,1,.3,1) slide-in-chat;display:flex;overflow:hidden;box-shadow:0 20px 50px #0006,0 0 40px #10b9811a}@keyframes slide-in-chat{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.ai-chat-header{background:linear-gradient(90deg,#1e293bcc 0%,#0f172acc 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-header-title{align-items:center;gap:12px;display:flex}.ai-header-icon{color:#10b981;filter:drop-shadow(0 0 5px #10b98166)}.ai-header-title h4{color:#f8fafc;letter-spacing:.3px;margin:0;font-size:15px;font-weight:600}.ai-header-title p{color:#94a3b8;margin:2px 0 0;font-size:11px;font-weight:500}.ai-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.ai-close-btn:hover{color:#f1f5f9;background:#ffffff0d;transform:rotate(90deg)}.ai-messages-area{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.ai-messages-area::-webkit-scrollbar{width:6px}.ai-messages-area::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.ai-message-row{align-items:flex-start;gap:10px;max-width:85%;display:flex}.ai-message-row.user{justify-content:flex-end;align-self:flex-end}.ai-message-row.assistant{align-self:flex-start}.ai-avatar{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.ai-message-bubble{color:#e2e8f0;border-radius:16px;padding:10px 14px;font-size:13px;line-height:1.5}.ai-message-bubble.user{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-bottom-right-radius:4px;box-shadow:0 4px 15px #3b82f633}.ai-message-bubble.assistant{background:#1e293b99;border:1px solid #ffffff0a;border-bottom-left-radius:4px}.ai-message-bubble p{margin:0 0 8px}.ai-message-bubble p:last-child{margin-bottom:0}.ai-message-bubble strong{color:#fff;font-weight:600}.ai-message-bubble ul.chat-list{margin:4px 0 8px 16px;padding:0;list-style-type:disc}.ai-message-bubble ul.chat-list li{margin-bottom:4px}.ai-message-bubble ul.chat-list li:last-child{margin-bottom:0}.chat-spacer{height:8px}.typing-dots{align-items:center;gap:4px;padding:4px 2px;display:flex}.typing-dots span{opacity:.4;background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:1.4s infinite both typing-bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-error-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;font-size:12px;display:flex}.error-icon{color:#ef4444;flex-shrink:0;margin-top:1px}.ai-input-form{background:#1e293b66;border-top:1px solid #ffffff0d;align-items:center;gap:10px;padding:14px 16px;display:flex}.ai-input-form input{color:#f8fafc;background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.ai-input-form input:focus{border-color:#10b98180;box-shadow:0 0 0 2px #10b98126}.ai-input-form input::placeholder{color:#64748b}.ai-send-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.ai-send-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.ai-send-btn:disabled{color:#ffffff4d;cursor:not-allowed;background:#10b98133}@media (width<=480px){.ai-chat-window{width:calc(100vw - 32px);height:480px;bottom:0;right:0}.ai-chatbot-container{bottom:16px;right:16px}}