.navbar{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #0000004d}.navbar .navbar-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:70px}.navbar .navbar-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:24px;color:#fff}.navbar .brand-icon{font-size:32px;background:linear-gradient(45deg,#00d4ff,#f0f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,212,255,.3))}.navbar .brand-text{background:linear-gradient(45deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar .navbar-links{display:flex;gap:32px}.navbar .nav-link{display:flex;align-items:center;gap:8px;padding:12px 20px;color:#fffc;text-decoration:none;border-radius:12px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.navbar .nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.navbar .nav-link:hover:before{left:100%}.navbar .nav-link:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff33}.navbar .nav-icon{font-size:18px}.navbar .navbar-user{display:flex;align-items:center;gap:16px}.navbar .user-info{display:flex;align-items:center;gap:12px}.navbar .user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#00d4ff,#f0f);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 4px 15px #00d4ff4d}.navbar .username{color:#fff;font-weight:500}.navbar .logout-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;cursor:pointer;font-weight:500;transition:all .3s ease}.navbar .logout-btn:hover{background:#f003;border-color:#ff00004d;color:#fff;transform:translateY(-1px)}.navbar .logout-icon{font-size:16px}@media (max-width: 768px){.navbar .navbar-container{padding:0 16px;height:60px}.navbar .navbar-links{gap:16px}.navbar .nav-link{padding:8px 12px;font-size:14px}.navbar .brand-text,.navbar .username{display:none}}.auth{--bg: #1e1e2f;--card: #2b2b40;--muted: #a9acc7;--text: #f4f6ff;--primary: #4caf50;--primary-600: #3e9c44;--danger: #ff6b6b;--ring: rgba(76, 175, 80, .35);min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 10% -10%,rgba(76,175,80,.08),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(76,175,80,.06),transparent 60%),var(--bg)}.auth .auth__card{width:min(420px,92vw);background:linear-gradient(180deg,#2f2f49,#27273d);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #00000059;border-radius:16px;padding:28px}.auth .auth__title{margin:0 0 16px;font-size:1.75rem;letter-spacing:.2px;color:var(--text)}.auth .auth__links__login{margin-top:16px;font-size:.95rem;color:#d1d5db!important;text-align:center}.auth .auth__links__login a{color:var(--primary)!important;text-decoration:none;font-weight:600;transition:color .15s ease}.auth .auth__links__login a:hover{text-decoration:underline!important;color:#5cbf60!important}.auth{--bg: #1e1e2f;--card: #2b2b40;--muted: #a9acc7;--text: #f4f6ff;--primary: #4caf50;--ring: rgba(76, 175, 80, .35);--danger: #ff6b6b;min-height:100vh;display:grid;place-items:center;background:radial-gradient(1100px 600px at -20% 20%,rgba(76,175,80,.07),transparent 60%),radial-gradient(900px 500px at 120% 100%,rgba(76,175,80,.05),transparent 60%),var(--bg)}.auth .auth__card{width:min(460px,92vw);background:linear-gradient(180deg,#30304f,#282845);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #00000059;border-radius:16px;padding:28px}.auth .auth__title{margin:0 0 16px;font-size:1.75rem;color:var(--text)}.auth .auth__subtitle{margin:0 0 22px;color:var(--muted);font-size:.95rem}.auth .auth__form{display:grid;gap:14px}.auth .input{width:100%;background:#353553;border:1px solid transparent;border-radius:10px;padding:12px 14px;color:var(--text);font-size:.98rem;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.auth .input::placeholder{color:#9aa0b4}.auth .input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:#3d3d5f}.auth .button{margin-top:6px;width:100%;background:var(--primary);color:#fff;border:0;border-radius:10px;padding:12px 14px;font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform .05s ease,filter .15s ease,background .15s ease}.auth .button:hover{filter:brightness(1.05)}.auth .button:active{transform:translateY(1px)}.auth .error{margin-top:4px;padding:10px 12px;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.35);color:#ffc6c6;border-radius:10px;font-size:.92rem}.auth .auth__links{margin-top:12px;font-size:.95rem;color:var(--muted);text-align:center}.auth .auth__links a{color:var(--primary);text-decoration:none}.auth .auth__links a:hover{text-decoration:underline}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);color:#fff}.dashboard-container .dashboard-content{max-width:1200px;margin:0 auto;padding:32px 24px}.dashboard-container .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:24px;background:#ffffff14;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.dashboard-container .welcome-section{flex:1}.dashboard-container .welcome-title{font-size:32px!important;font-weight:700!important;margin:0 0 8px;background:linear-gradient(45deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-container .welcome-subtitle{font-size:16px!important;color:#ffffffb3;margin:0}.dashboard-container .current-time{font-size:14px;color:#fff9;background:#ffffff1a;padding:8px 16px;border-radius:8px}.dashboard-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.dashboard-container .stat-card{padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-container .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.dashboard-container .stat-card:hover:before{opacity:1}.dashboard-container .stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.dashboard-container .stat-card.primary{background:linear-gradient(135deg,#00d4ff1a,#00d4ff0d);color:#00d4ff}.dashboard-container .stat-card.secondary{background:linear-gradient(135deg,#ff00ff1a,#ff00ff0d);color:#f0f}.dashboard-container .stat-card.accent{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);color:gold}.dashboard-container .stat-card.success{background:linear-gradient(135deg,#00ff7f1a,#00ff7f0d);color:#00ff7f}.dashboard-container .stat-icon{font-size:32px;filter:drop-shadow(0 0 10px currentColor)}.dashboard-container .stat-content{flex:1}.dashboard-container .stat-number{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px}.dashboard-container .stat-label{font-size:14px;color:#ffffffb3}.dashboard-container .stat-trend{font-size:12px;padding:4px 8px;border-radius:6px;background:#ffffff1a}.dashboard-container .stat-trend.positive{color:#00ff7f;background:#00ff7f1a}.dashboard-container .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.dashboard-container .dashboard-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s ease}.dashboard-container .dashboard-card:hover{background:#ffffff1a;transform:translateY(-2px)}.dashboard-container .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-container .card-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.dashboard-container .progress-badge,.dashboard-container .activity-count{background:#00d4ff33;color:#00d4ff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.dashboard-container .progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:16px}.dashboard-container .progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#f0f);border-radius:4px;transition:width .3s ease}.dashboard-container .progress-stats{display:flex;justify-content:space-between;font-size:14px;color:#ffffffb3;margin-bottom:20px}.dashboard-container .achievement-badges{display:flex;gap:8px;flex-wrap:wrap}.dashboard-container .badge{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500}.dashboard-container .badge.puzzle-master{background:#ffd70033;color:gold}.dashboard-container .badge.speed-solver{background:#00d4ff33;color:#00d4ff}.dashboard-container .badge.accuracy-expert{background:#00ff7f33;color:#00ff7f}.dashboard-container .activity-list{display:flex;flex-direction:column;gap:16px}.dashboard-container .activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px;transition:all .3s ease}.dashboard-container .activity-item:hover{background:#ffffff1a;transform:translate(4px)}.dashboard-container .activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.dashboard-container .activity-icon.solved{background:#00d4ff33}.dashboard-container .activity-icon.won{background:#ffd70033}.dashboard-container .activity-icon.completed{background:#00ff7f33}.dashboard-container .activity-content{flex:1}.dashboard-container .activity-title{font-size:14px;color:#fff;margin-bottom:2px}.dashboard-container .activity-time{font-size:12px;color:#fff9}.dashboard-container .activity-points{font-size:12px;color:#00ff7f;font-weight:600}.dashboard-container .quick-actions{margin-top:40px}.dashboard-container .quick-actions h3{margin:0 0 20px;font-size:24px;font-weight:600;color:#fff}.dashboard-container .action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dashboard-container .action-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-container .action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.dashboard-container .action-btn:hover:before{left:100%}.dashboard-container .action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.dashboard-container .action-btn.primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.dashboard-container .action-btn.secondary{background:linear-gradient(135deg,#f0f,#c0c);color:#fff}.dashboard-container .action-btn.accent{background:linear-gradient(135deg,gold,#ca0);color:#000}.dashboard-container .action-btn.success{background:linear-gradient(135deg,#00ff7f,#0c6);color:#000}.dashboard-container .btn-icon{font-size:20px}.dashboard-container .btn-text{font-weight:600}@media (max-width: 768px){.dashboard-container .dashboard-content{padding:16px}.dashboard-container .dashboard-header{flex-direction:column;gap:16px;text-align:center}.dashboard-container .welcome-title{font-size:24px}.dashboard-container .stats-grid,.dashboard-container .dashboard-grid,.dashboard-container .action-buttons{grid-template-columns:1fr}}.puzzles-page{--background: #0b1220;--foreground: #e2e8f0;background:var(--background);color:var(--foreground);min-height:100vh}.puzzles-page .puzzles-container{padding:1.5rem;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.puzzles-page .puzzles-header{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap}.puzzles-page .header-info{display:flex;gap:.625rem;align-items:center}.puzzles-page .rating-badge{padding:.5rem .75rem;border-radius:.5rem;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;font-weight:600;font-size:.875rem;border:1px solid #374151;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.puzzles-page .rating-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.puzzles-page .timer-display{padding:.5rem .75rem;border-radius:.5rem;background:#111827;color:#e5e7eb;min-width:80px;text-align:center;font-variant-numeric:tabular-nums;font-weight:500;border:1px solid #1f2937;transition:opacity .2s ease}.puzzles-page .timer-display.inactive{opacity:.6}.puzzles-page .header-actions{display:flex;gap:.5rem}.puzzles-page .btn{border:none;border-radius:.625rem;padding:.625rem 1rem;font-weight:600;cursor:pointer;font-size:.875rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.puzzles-page .btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.puzzles-page .btn:active{transform:translateY(0)}.puzzles-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.puzzles-page .btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#111827}.puzzles-page .btn-secondary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.puzzles-page .btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.puzzles-page .status-message{margin-bottom:.75rem;padding:.75rem 1rem;border-radius:.625rem;font-weight:500;animation:slideIn .3s ease}.puzzles-page .status-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.puzzles-page .status-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.puzzles-page .status-info{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e5e7eb}.puzzles-page .board-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;border-radius:.5rem;overflow:hidden;box-shadow:0 8px 32px #0000004d;padding:.5rem;box-sizing:border-box}.puzzles-page .start-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:.5rem;z-index:5}.puzzles-page .start-card{background:linear-gradient(135deg,#0b1220,#1f2937);border:1px solid #374151;border-radius:.75rem;padding:1.5rem;color:#e5e7eb;min-width:280px;text-align:center;box-shadow:0 12px 24px #0006;animation:fadeIn .5s ease}.puzzles-page .start-card-subtitle{margin-bottom:.5rem;font-size:.875rem;color:#9ca3af;opacity:.9}.puzzles-page .start-card-rating{font-size:2rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.puzzles-page .start-card-description{font-size:.75rem;opacity:.7;margin-bottom:1rem;line-height:1.4}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.puzzles-page .puzzles-container{padding:1rem}.puzzles-page .puzzles-header{flex-direction:column;align-items:stretch;gap:1rem}.puzzles-page .header-info,.puzzles-page .header-actions{justify-content:center}.puzzles-page .btn{flex:1;min-width:0}.puzzles-page .start-card{min-width:260px;margin:0 1rem}}@media (max-width: 480px){.puzzles-page .header-actions{flex-direction:column}.puzzles-page .btn{width:100%}}.puzzles-page .btn:disabled{position:relative;overflow:hidden}.puzzles-page .btn:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.chess-landing-l{--primary: #22c55e;--primary-foreground: #ffffff;--secondary: #f1f5f9;--secondary-foreground: #0f172a;--accent: #3b82f6;--accent-foreground: #ffffff;--muted: #f8fafc;--muted-foreground: #64748b;--card: #ffffff;--card-foreground: #0f172a;--border: #e2e8f0;--input: #e2e8f0;--ring: #22c55e;--background: #ffffff;--foreground: #0f172a;--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--foreground);background:var(--background);min-height:100vh}.chess-landing-l *{box-sizing:border-box}.chess-landing-l .container-l{max-width:1200px;margin:0 auto;padding:0 24px}.chess-landing-l .mb-6-l{margin-bottom:24px}.chess-landing-l .mb-4-l{margin-bottom:16px}.chess-landing-l .ml-2-l{margin-left:8px}.chess-landing-l .mr-2-l{margin-right:8px}.chess-landing-l .icon-xs-l{width:16px;height:16px}.chess-landing-l .icon-s-l{width:18px;height:18px}.chess-landing-l .icon-m-l{width:20px;height:20px}.chess-landing-l .header-l{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid var(--border);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chess-landing-l .header-container-l{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1200px;margin:0 auto}.chess-landing-l .logo-l{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--foreground);text-decoration:none}.chess-landing-l .logo-icon-l{font-size:32px;color:var(--primary)}.chess-landing-l .logo-text-l{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chess-landing-l .nav-l{display:flex;align-items:center;gap:24px}.chess-landing-l .nav-link-l{color:var(--muted-foreground);text-decoration:none;font-weight:500;transition:color .2s ease}.chess-landing-l .nav-link-l:hover{color:var(--foreground)}.chess-landing-l .btn-l{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease;cursor:pointer;border:1px solid transparent;box-shadow:0 1px #00000008,0 8px 20px -8px #10182859;transform:translateZ(0)}.chess-landing-l .btn-l:hover{transform:translateY(-1px)}.chess-landing-l .btn-md-l{height:40px;padding:8px 16px;font-size:14px}.chess-landing-l .btn-sm-l{height:36px;padding:6px 12px;font-size:14px;border-radius:8px}.chess-landing-l .btn-lg-l{height:44px;padding:8px 24px;font-size:16px;border-radius:10px}.chess-landing-l .btn-text-lg-l{font-size:18px}.chess-landing-l .btn-pad-x-8-l{padding-left:32px;padding-right:32px}.chess-landing-l .btn-bg-transparent-l{background:transparent}.chess-landing-l .btn-default-l{background:linear-gradient(180deg,#22c55e,#16a34a);color:var(--primary-foreground)}.chess-landing-l .btn-default-l:hover{background:linear-gradient(180deg,#1ec056,#139a44)}.chess-landing-l .btn-outline-l{border-color:var(--input);background:transparent;color:inherit}.chess-landing-l .btn-outline-l:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.chess-landing-l .hero-section-l{padding:110px 0 80px;background:linear-gradient(180deg,#f7fafc,#eef2f7 60%,#e9eef6);position:relative;overflow:hidden}.chess-landing-l .hero-section-l:before{content:"";position:absolute;inset:0;opacity:.25;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2322c55e' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat}.chess-landing-l .hero-art-l{position:absolute;inset:-20% -10% auto;height:520px;background:radial-gradient(1200px 400px at 20% 0%,rgba(34,197,94,.2),transparent 60%),radial-gradient(900px 360px at 80% -10%,rgba(59,130,246,.18),transparent 65%),radial-gradient(700px 280px at 50% 10%,rgba(139,92,246,.16),transparent 70%);filter:blur(40px);pointer-events:none;z-index:0}.chess-landing-l .hero-content-l{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.chess-landing-l .hero-title-l{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--foreground);letter-spacing:-.02em}.chess-landing-l .hero-highlight-l{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chess-landing-l .hero-description-l{font-size:20px;color:var(--muted-foreground);margin-bottom:40px;line-height:1.6;max-width:760px;margin-left:auto;margin-right:auto}.chess-landing-l .hero-buttons-l{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.chess-landing-l .section-header-l{text-align:center;margin-bottom:72px}.chess-landing-l .section-title-l{font-size:40px;font-weight:700;margin-bottom:16px;color:var(--foreground)}.chess-landing-l .section-description-l{font-size:18px;color:var(--muted-foreground);max-width:600px;margin:0 auto}.chess-landing-l .features-section-l{padding:100px 0;background:var(--background)}.chess-landing-l .features-grid-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.chess-landing-l .feature-icon-l{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff}.chess-landing-l .feature-icon-primary-l{background:linear-gradient(135deg,var(--primary),#16a34a)}.chess-landing-l .feature-icon-secondary-l{background:linear-gradient(135deg,var(--accent),#2563eb)}.chess-landing-l .feature-icon-accent-l{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.chess-landing-l .feature-card-l{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;border-radius:16px;border-color:#e2e8f0e6}.chess-landing-l .feature-card-l:hover{transform:translateY(-6px);box-shadow:0 18px 50px -20px #02122859,0 6px 18px -8px #02122833;border-color:#22c55e66}.chess-landing-l .card-l{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);box-shadow:0 14px 40px -24px #02122859}.chess-landing-l .card-header-l{display:flex;flex-direction:column;gap:6px;padding:24px}.chess-landing-l .card-title-l{font-size:24px;font-weight:600;line-height:1.2}.chess-landing-l .card-description-l{font-size:14px;color:var(--muted-foreground)}.chess-landing-l .card-content-l{padding:0 24px 24px}.chess-landing-l .badge-l{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:4px 10px;font-size:12px;font-weight:700}.chess-landing-l .badge-default-l{background:var(--primary);color:var(--primary-foreground)}.chess-landing-l .badge-secondary-l{background:var(--secondary);color:var(--secondary-foreground)}.chess-landing-l .badge-outline-l{color:var(--foreground);border-color:currentColor}.chess-landing-l .demo-section-l{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.chess-landing-l .demo-grid-l{display:flex;flex-direction:column;gap:110px}.chess-landing-l .demo-item-l{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.chess-landing-l .h3-l{font-size:30px;font-weight:700;margin:0 0 16px;color:var(--foreground)}.chess-landing-l .demo-content-l p{font-size:18px;color:var(--muted-foreground);margin-bottom:24px;line-height:1.6}.chess-landing-l .demo-features-l{list-style:none;padding:0;margin:0}.chess-landing-l .demo-feature-l{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--foreground)}.chess-landing-l .demo-image-container-l{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.chess-landing-l .demo-gradient-l{position:absolute;inset:0;z-index:1;opacity:.1}.chess-landing-l .demo-gradient-primary-l{background:linear-gradient(135deg,var(--primary),#16a34a)}.chess-landing-l .demo-gradient-secondary-l{background:linear-gradient(135deg,var(--accent),#2563eb)}.chess-landing-l .demo-gradient-accent-l{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.chess-landing-l .demo-image-l{width:100%;height:auto;display:block;position:relative;z-index:2;border-radius:16px}.chess-landing-l .demo-images-l{display:flex;flex-direction:column;gap:16px}.chess-landing-l .mockup-window-l{position:relative;border-radius:16px;background:#0f172a;padding:18px 12px 12px;box-shadow:0 30px 70px -30px #03071273}.chess-landing-l .mockup-bar-l{position:absolute;top:8px;left:14px;display:flex;gap:8px}.chess-landing-l .mockup-bar-l span{width:10px;height:10px;border-radius:50%;background:#e2e8f0;opacity:.7}.chess-landing-l .mockup-bar-l span:nth-child(1){background:#ff5f57}.chess-landing-l .mockup-bar-l span:nth-child(2){background:#febc2e}.chess-landing-l .mockup-bar-l span:nth-child(3){background:#28c840}.chess-landing-l .mockup-window-l .demo-image-l{border-radius:10px}.chess-landing-l .demo-images-l .mockup-window-l:first-child .demo-image-l{border-radius:12px 12px 8px 8px}.chess-landing-l .demo-images-l .mockup-window-l:last-child .demo-image-l{border-radius:8px 8px 12px 12px}.chess-landing-l .testimonials-section-l{padding:100px 0;background:var(--background)}.chess-landing-l .testimonials-grid-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.chess-landing-l .testimonial-stars-l{display:flex;gap:4px;margin-bottom:8px}.chess-landing-l .testimonial-stars-l svg{width:16px;height:16px;fill:#fbbf24;color:#fbbf24}.chess-landing-l .testimonial-text-l{font-size:16px;color:var(--muted-foreground);margin-bottom:16px;line-height:1.6;font-style:italic}.chess-landing-l .testimonial-author-l{font-weight:600;color:var(--foreground);margin-bottom:4px}.chess-landing-l .testimonial-title-l{font-size:14px;color:var(--muted-foreground)}.chess-landing-l .cta-section-l{padding:96px 0;color:#fff;text-align:center;background:radial-gradient(800px 300px at 20% -20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#22c55e,#3b82f6)}.chess-landing-l .cta-content-l{max-width:800px;margin:0 auto}.chess-landing-l .cta-title-l{font-size:48px;font-weight:700;margin-bottom:24px}.chess-landing-l .cta-description-l{font-size:20px;margin-bottom:40px;opacity:.9}.chess-landing-l .cta-buttons-l{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.chess-landing-l .cta-features-l{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.chess-landing-l .cta-feature-l{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.95}.chess-landing-l .footer-l{background:var(--muted);padding:64px 0 32px}.chess-landing-l .footer-content-l{max-width:1200px;margin:0 auto;padding:0 24px}.chess-landing-l .footer-grid-l{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.chess-landing-l .footer-brand-l{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;margin-bottom:12px}.chess-landing-l .footer-description-l{color:var(--muted-foreground);line-height:1.6}.chess-landing-l .footer-section-l h3{font-weight:600;margin-bottom:12px;color:var(--foreground)}.chess-landing-l .footer-links-l{list-style:none;padding:0;margin:0}.chess-landing-l .footer-links-l li{margin-bottom:8px}.chess-landing-l .footer-link-l{color:var(--muted-foreground);text-decoration:none;transition:color .2s ease}.chess-landing-l .footer-link-l:hover{color:var(--foreground)}.chess-landing-l .footer-bottom-l{border-top:1px solid var(--border);padding-top:32px;text-align:center;color:var(--muted-foreground);font-size:14px}.chess-landing-l .footer-dark-l{background:#0b1220;color:#d8e0ea}.chess-landing-l .footer-dark-l .footer-description-l,.chess-landing-l .footer-dark-l .footer-link-l{color:#9fb0c7}.chess-landing-l .footer-dark-l .footer-link-l:hover{color:#d8e0ea}.chess-landing-l .footer-dark-l .footer-bottom-l{border-top-color:#ffffff14;color:#90a2bb}@media (max-width: 1024px){.chess-landing-l .hero-title-l{font-size:44px}.chess-landing-l .demo-item-l{grid-template-columns:1fr;gap:32px}.chess-landing-l .footer-grid-l{grid-template-columns:1fr 1fr;gap:24px}.chess-landing-l .demo-image-container-l{order:2}.chess-landing-l .demo-content-l{order:1}}@media (max-width: 768px){.chess-landing-l .hero-title-l{font-size:40px}.chess-landing-l .section-title-l{font-size:32px}.chess-landing-l .cta-title-l{font-size:36px}.chess-landing-l .nav-l{gap:12px}.chess-landing-l .hero-buttons-l,.chess-landing-l .cta-buttons-l{flex-direction:column;align-items:center}.chess-landing-l .cta-features-l{flex-direction:column;align-items:center;gap:12px}.chess-landing-l .footer-grid-l{grid-template-columns:1fr;gap:24px}}@media (max-width: 640px){.chess-landing-l .container-l{padding:0 16px}.chess-landing-l .hero-section-l{padding:64px 0 48px}.chess-landing-l .features-section-l,.chess-landing-l .demo-section-l,.chess-landing-l .testimonials-section-l{padding:64px 0}.chess-landing-l .demo-grid-l{gap:64px}.chess-landing-l .demo-item-l{gap:24px}.chess-landing-l .hero-title-l{font-size:36px}.chess-landing-l .cta-title-l{font-size:34px}}.price-l{font-size:32px;font-weight:800}.price-suffix-l{font-size:14px;font-weight:500;margin-left:4px}html{scroll-behavior:smooth}.chess-dashboard{min-height:100vh;background:linear-gradient(135deg,#1e1b4b,#581c87,#be185d);position:relative;overflow:hidden;animation:fadeIn 1s ease-in-out}.background-overlay-1{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(120,119,198,.4),transparent 60%);animation:pulse 4s ease-in-out infinite}.background-overlay-2{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(120,219,226,.5),transparent 60%)}.background-overlay-3{position:absolute;bottom:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,107,107,.5),transparent 60%)}.dashboard-content{position:relative;z-index:10;padding:2rem}.container{max-width:80rem;margin:0 auto}.header-section{text-align:center;margin-bottom:4rem}.header-card{display:inline-block;padding:2rem;border-radius:1.5rem;background:#1e1b4bd9;border:1px solid rgba(255,255,255,.3);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a,inset 0 1px #fff3;transition:all .5s ease}.header-card:hover{box-shadow:0 25px 50px -12px #a855f766,0 0 0 1px #a855f74d,inset 0 1px #ffffff4d}.main-title{font-size:3.75rem;font-weight:900;background:linear-gradient(to right,#fff,#dbeafe,#e9d5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:1.5rem;letter-spacing:-.025em;filter:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.subtitle{color:#ffffffe6;font-size:1.25rem;font-weight:500}.accent-line{display:flex;justify-content:center;margin-top:1.5rem}.accent-bar{width:8rem;height:.25rem;background:linear-gradient(to right,#ec4899,#a855f7,#6366f1);border-radius:9999px;box-shadow:0 4px 14px #a855f780}.kpi-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2.5rem}.kpi-card-wrapper{position:relative}.kpi-glow{position:absolute;inset:-.25rem;border-radius:1.5rem;filter:blur(16px);opacity:.3;transition:all .5s ease}.kpi-card-wrapper:hover .kpi-glow{opacity:.6}.kpi-glow.pink{background:linear-gradient(to right,#ec4899,#f43f5e)}.kpi-glow.emerald{background:linear-gradient(to right,#10b981,#14b8a6)}.kpi-glow.amber{background:linear-gradient(to right,#fbbf24,#f97316)}.kpi-glow.purple{background:linear-gradient(to right,#a855f7,#4f46e5)}.kpi-card{position:relative;overflow:hidden;border-radius:1.5rem;background:#1e1b4bcc;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px -5px #0000004d,inset 0 1px #ffffff1a;transition:all .5s ease}.kpi-card:hover{border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #fff3,inset 0 1px #fff3}.kpi-background{position:absolute;inset:0;opacity:.1;transition:opacity .5s ease}.kpi-card:hover .kpi-background{opacity:.2}.kpi-background.pink{background:linear-gradient(135deg,#ec4899,#f43f5e)}.kpi-background.emerald{background:linear-gradient(135deg,#10b981,#14b8a6)}.kpi-background.amber{background:linear-gradient(135deg,#fbbf24,#f97316)}.kpi-background.purple{background:linear-gradient(135deg,#a855f7,#4f46e5)}.kpi-content{position:relative;padding:2rem}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.kpi-title{font-size:.875rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.kpi-icon{font-size:1.875rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.kpi-value{font-size:2.25rem;font-weight:900;color:#fff;margin-bottom:.75rem;font-family:Courier New,monospace;letter-spacing:-.025em}.kpi-hint{font-size:.875rem;color:#fff9;font-weight:500}.charts-grid{display:grid;gap:2.5rem;margin-bottom:2.5rem}.charts-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-card-wrapper{position:relative}.chart-glow{position:absolute;inset:-.25rem;border-radius:1.5rem;filter:blur(16px);opacity:.2;transition:all .5s ease}.chart-card-wrapper:hover .chart-glow{opacity:.4}.chart-glow.pink{background:linear-gradient(to right,#ec4899,#f43f5e)}.chart-glow.teal{background:linear-gradient(to right,#14b8a6,#06b6d4)}.chart-glow.indigo{background:linear-gradient(to right,#6366f1,#a855f7)}.chart-glow.emerald{background:linear-gradient(to right,#10b981,#14b8a6)}.chart-glow.amber{background:linear-gradient(to right,#fbbf24,#f97316)}.chart-glow.purple{background:linear-gradient(to right,#a855f7,#4f46e5)}.chart-glow.rose{background:linear-gradient(to right,#f43f5e,#ec4899)}.chart-card{position:relative;border-radius:1.5rem;background:#1e1b4bcc;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px -5px #0000004d,inset 0 1px #ffffff1a;transition:all .5s ease;overflow:hidden}.chart-card:hover{border-color:#ffffff4d;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #fff3,inset 0 1px #fff3}.chart-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.chart-accent{display:inline-block;width:3rem;height:.25rem;border-radius:9999px;margin-bottom:1rem}.chart-accent.pink{background:linear-gradient(to right,#ec4899,#f43f5e)}.chart-accent.teal{background:linear-gradient(to right,#14b8a6,#06b6d4)}.chart-accent.indigo{background:linear-gradient(to right,#6366f1,#a855f7)}.chart-accent.emerald{background:linear-gradient(to right,#10b981,#14b8a6)}.chart-accent.amber{background:linear-gradient(to right,#fbbf24,#f97316)}.chart-accent.purple{background:linear-gradient(to right,#a855f7,#4f46e5)}.chart-accent.rose{background:linear-gradient(to right,#f43f5e,#ec4899)}.chart-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.025em}.chart-subtitle{color:#ffffffb3;font-weight:500}.chart-content{padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.6}}@media (max-width: 768px){.main-title{font-size:2.5rem}.kpi-grid,.charts-grid.two-col{grid-template-columns:1fr}.dashboard-content{padding:1rem}}@media (max-width: 640px){.main-title{font-size:2rem}.kpi-content,.chart-header,.chart-content{padding:1.5rem}}.tactics-chart .recharts-tooltip-cursor{fill:transparent!important}.tactics-chart .recharts-rectangle{cursor:pointer;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.tactics-chart:hover .recharts-rectangle{opacity:.35}.tactics-chart .recharts-rectangle:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.defensive-chart .recharts-tooltip-cursor{fill:transparent!important}.defensive-chart .recharts-rectangle{cursor:pointer;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.defensive-chart:hover .recharts-rectangle{opacity:.35}.defensive-chart .recharts-rectangle:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.capitalization-chart .recharts-tooltip-cursor{fill:transparent!important}.capitalization-chart .recharts-rectangle{cursor:pointer;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.capitalization-chart:hover .recharts-rectangle{opacity:.35}.capitalization-chart .recharts-rectangle:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.opponent-strength-chart .recharts-tooltip-cursor{fill:transparent!important}.opponent-strength-chart .recharts-rectangle{cursor:pointer;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.opponent-strength-chart:hover .recharts-rectangle{opacity:.35}.opponent-strength-chart .recharts-rectangle:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.win-rate-chart .recharts-tooltip-cursor{fill:transparent!important}.win-rate-chart .recharts-rectangle{cursor:pointer;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.win-rate-chart:hover .recharts-rectangle{opacity:.35}.win-rate-chart .recharts-rectangle:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.ice-tooltip{--ice-start: #5b6bff;--ice-end: #8a5cff;background:linear-gradient(135deg,#15182de0,#1e1636e0) padding-box,linear-gradient(135deg,#84e2ff59,#a855f759) border-box;border:1px solid transparent;border-radius:16px;padding:10px 12px;color:#fff;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 20px 50px #00000059,inset 0 0 0 6px #ffffff08;min-width:220px;transform:translateY(-6px);animation:ice-pop .12s ease-out;pointer-events:none}@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.ice-tooltip{background:linear-gradient(135deg,#1f223ef2,#261c45f2) padding-box,linear-gradient(135deg,#84e2ff40,#a855f740) border-box;box-shadow:0 20px 50px #00000059,inset 0 0 0 1px #ffffff0f}}@keyframes ice-pop{0%{opacity:0;transform:translateY(0) scale(.98)}to{opacity:1;transform:translateY(-6px) scale(1)}}.ice-tooltip__top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ice-tooltip__icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:radial-gradient(100% 100% at 50% 0%,var(--ice-start),var(--ice-end));box-shadow:0 8px 16px #6366f159;font-size:18px}.ice-tooltip__title{font-weight:800;letter-spacing:.2px;white-space:nowrap;max-width:360px;overflow:hidden;text-overflow:ellipsis}.ice-tooltip__meta{display:flex;align-items:center;gap:8px}.ice-tooltip__eco{font-size:11px;opacity:.85;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f}.ice-tooltip__chip{margin-left:auto;font-size:11px;font-weight:800;padding:6px 10px;border-radius:12px;background:linear-gradient(135deg,#6366f1e6,#7c3aede6);box-shadow:0 6px 14px #6366f159;display:inline-flex;align-items:center;gap:6px}.ice-tooltip__chip .dot{width:6px;height:6px;border-radius:999px;background:#34d399}.bar-openings .recharts-rectangle{transition:filter .15s ease,opacity .15s ease;opacity:.92}.bar-openings .recharts-rectangle:hover{filter:drop-shadow(0 0 12px rgba(78,220,196,.55));opacity:1}.phase-acpl-chart .recharts-tooltip-cursor{fill:transparent!important}.phase-acpl-chart .recharts-rectangle{cursor:pointer;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.phase-acpl-chart:hover .recharts-rectangle{opacity:.35}.phase-acpl-chart .recharts-rectangle:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.errors-by-phase-chart .recharts-tooltip-cursor{fill:transparent!important}.errors-by-phase-chart .recharts-rectangle{cursor:pointer;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.errors-by-phase-chart:hover .recharts-rectangle{opacity:.35}.errors-by-phase-chart .recharts-rectangle:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.phase-trend-chart .recharts-tooltip-cursor{fill:transparent!important}.phase-trend-chart .recharts-rectangle{cursor:pointer;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.phase-trend-chart:hover .recharts-rectangle{opacity:.35}.phase-trend-chart .recharts-rectangle:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.full-bleed{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.analytics-container{padding:2rem;width:100%;margin:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.analytics-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#f4d03f;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:-.025em}.analytics-subtitle{color:#bdc3c7;text-align:center;margin-bottom:2rem;font-size:1.1rem}.form-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.form-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem}}.form-input{padding:1.5rem 1.25rem 1rem;border-radius:12px;background:#34495e;color:#ecf0f1;border:2px solid #4a5f7a;font-size:1rem;transition:all .3s ease;outline:none;width:100%;box-sizing:border-box}.form-input:focus{border-color:#f4d03f;box-shadow:0 0 0 3px #f4d03f1a;background:#3c5a78}.form-input::placeholder{color:#95a5a6}.generate-button{padding:1rem 2rem;border-radius:16px;background:linear-gradient(135deg,#f4d03f,#f39c12);color:#2c3e50;font-weight:600;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #f4d03f4d;max-width:1200px;margin:0 auto;display:block;width:100%}@media (min-width: 768px){.generate-button{width:auto;display:inline-block}}.error-message{color:#e74c3c;margin-top:1rem;padding:1rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;font-weight:500}.report-container{padding:2rem;border-radius:16px;background:#2c3e50;border:1px solid #34495e;box-shadow:0 8px 32px #0000004d;max-width:1200px;margin-left:auto;margin-right:auto;margin-top:2rem}.report-title{color:#f4d03f;font-size:1.5rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.report-title:before{content:"♔";font-size:1.8rem}.report-content{background:#1a252f;padding:1.5rem;border-radius:12px;overflow:auto;font-size:.9rem;line-height:1.6;color:#ecf0f1;font-family:Courier New,monospace;border:1px solid #34495e;max-height:500px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #2c3e50;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.chess-pattern{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:repeating-conic-gradient(#f4d03f 0% 25%,transparent 0% 50%) 50% / 40px 40px;z-index:-1}.input-group{position:relative;width:100%}.input-label{position:absolute;top:-.75rem;left:1rem;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:.25rem .75rem;color:#f4d03f;font-size:.85rem;font-weight:500;border-radius:4px;z-index:1}.secondary-button{background-color:#2d2d2d;color:#f5f5f5;border:1px solid #ffcc00;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.secondary-button:hover{background-color:#fc0;color:#2d2d2d;transform:scale(1.05)}.secondary-button:active{transform:scale(.95)}@media (max-width: 768px){.analytics-container{padding:1rem}.analytics-title{font-size:2rem}.form-grid{gap:1rem}.report-container{padding:1.5rem}}@media (max-width: 480px){.analytics-container{padding:.75rem}.analytics-title{font-size:1.75rem}.form-input{padding:1.25rem 1rem .75rem;font-size:.9rem}.input-label{font-size:.75rem;top:-.6rem}}.check-email{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.check-email__card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px;max-width:400px;width:100%;text-align:center}.check-email__title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 16px;line-height:1.2}.check-email__subtitle{font-size:16px;color:#6b7280;margin:0 0 24px;line-height:1.5}.check-email__card p{font-size:14px;color:#4b5563;margin:8px 0;line-height:1.4}.check-email__card p b{color:#1f2937;font-weight:600}.check-email__card div p{font-size:13px;color:#9ca3af;margin:4px 0}.check-email__links{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;font-size:14px;color:#6b7280}.check-email__links a{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.check-email__links a:hover{color:#5a67d8;text-decoration:underline}@media (max-width: 480px){.check-email{padding:16px}.check-email__card{padding:32px 24px}.check-email__title{font-size:24px}.check-email__subtitle{font-size:15px}}.check-email__card:before{content:"✉️";font-size:48px;display:block;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.cc-membership{--bg-1: #0b1b2a;--bg-2: #0f2740;--cyan: #4ad7ff;--teal: #27ffd2;--blue: #2990ff;--glow: rgba(41, 144, 255, .55);--card: rgba(12, 26, 44, .6);--card-border: rgba(111, 207, 255, .18);--muted: #9fb3c8;--text: #e8f3ff;--accent: #59d4ff;position:relative;color:var(--text);min-height:100dvh;overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.cc-membership *{box-sizing:border-box}.cc-bg{position:fixed;inset:0;background:radial-gradient(1200px 600px at 50% -10%,rgba(41,144,255,.25),transparent 60%),radial-gradient(900px 500px at 50% 110%,rgba(39,255,210,.18),transparent 60%),radial-gradient(1400px 800px at 50% 50%,var(--bg-2),var(--bg-1));pointer-events:none;z-index:0;filter:saturate(1.05)}.cc-hero{position:relative;z-index:1;padding:64px 16px 96px}.cc-wrap{max-width:1100px;margin:0 auto;text-align:center}.cc-badge{display:inline-block;padding:6px 12px;font-size:12px;color:#bfeaff;background:linear-gradient(180deg,#50a7ff40,#50a7ff14);border:1px solid rgba(111,207,255,.35);border-radius:999px;box-shadow:0 0 24px #2990ff59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cc-title{margin:18px 0 8px;font-weight:800;letter-spacing:.2px;font-size:clamp(36px,5vw,64px)}.cc-title-accent{background:linear-gradient(90deg,var(--cyan),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(41,144,255,.25)}.cc-subtitle{max-width:760px;margin:0 auto 22px;color:var(--muted);font-size:clamp(14px,2.3vw,18px)}.cc-subtitle strong{color:#fff;font-weight:700}.cc-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px;text-align:left}@media (min-width: 900px){.cc-grid{grid-template-columns:1fr 1fr}}.cc-card{padding:26px 22px 28px;border-radius:22px;background:linear-gradient(180deg,#0c1a2cb8,#0c1a2c8c);border:1px solid var(--card-border);box-shadow:inset 0 0 0 1px #6fcfff0f,0 2px 40px #00000059,0 0 80px 10px #2990ff33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.cc-card:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:6px;border-radius:999px;background:linear-gradient(180deg,#27ffd299,#2990ff99);filter:blur(4px);opacity:.65}.cc-card-free{border-color:#6fcfff24;background:linear-gradient(180deg,#0c1a2c99,#0c1a2c73)}.cc-card-premium{border-color:#ffe67859;background:linear-gradient(180deg,#ffe67812,#0c1a2c80)}.cc-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:8px}.cc-card-heading{font-size:clamp(18px,2.4vw,22px);font-weight:700;margin:6px 0 8px;letter-spacing:.4px}.cc-price{display:flex;align-items:baseline;justify-content:flex-end;gap:10px;margin:6px 0 0}.cc-price-main{font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:.3px;text-shadow:0 0 26px var(--glow)}.cc-price-suffix{color:var(--muted);font-size:14px}.cc-features{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:12px}.cc-features li{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#081424a6,#08142473);border:1px solid rgba(111,207,255,.12);box-shadow:inset 0 0 24px #2990ff0f;transition:background .3s ease,box-shadow .3s ease,transform .2s ease}.cc-features li:hover{background:linear-gradient(180deg,#27ffd226,#2990ff1f);box-shadow:0 0 20px #2990ff40;transform:translateY(-2px)}.cc-ico{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 30% 20%,#2990ff8c,#27ffd226);box-shadow:0 0 10px #2990ff59;border:1px solid rgba(111,207,255,.25);font-size:18px}.cc-features h4{margin:0 0 2px;font-size:16px;font-weight:700}.cc-features p{margin:0;font-size:14px;color:var(--muted)}.cc-actions{margin-top:10px;display:grid;gap:12px}.cc-btn{appearance:none;border:0;cursor:pointer;width:100%;border-radius:14px;padding:14px 18px;font-weight:700;font-size:15px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.cc-btn[disabled]{opacity:.65;cursor:not-allowed}.cc-btn-primary{color:#001421;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 10px 26px #2990ff59,0 0 40px 2px #2990ff59}.cc-btn-primary:hover{transform:translateY(-1px)}.cc-btn-primary:active{transform:translateY(0) scale(.99)}.cc-btn-ghost{color:#cff2ff;background:linear-gradient(180deg,#09172899,#09172873);border:1px solid rgba(111,207,255,.25)}.cc-btn-ghost:hover{box-shadow:0 0 24px #2990ff2e;transform:translateY(-1px)}.cc-btn-outline{color:#e6f5ff;background:transparent;border:1px solid rgba(111,207,255,.25)}.cc-btn-outline:hover{border-color:#6fcfff73;box-shadow:0 0 16px #2990ff2e;transform:translateY(-1px)}.cc-note{color:var(--muted);margin:2px 0 4px;font-size:13px}.cc-current{margin:2px 0 4px}.cc-perks{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:14px;color:#b6cbe0;font-size:13px;opacity:.95}@keyframes cc-pulse{0%{box-shadow:0 0 #2990ff73}70%{box-shadow:0 0 0 14px #2990ff00}to{box-shadow:0 0 #2990ff00}}.cc-pulse-animation{animation:cc-pulse 2.4s infinite}@media (min-width: 700px){.cc-card{padding:32px 34px 34px}.cc-features{grid-template-columns:1fr}}.cc-beta{display:inline-block;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(90deg,#ff7b7b,#ffb347);border-radius:6px;text-transform:uppercase}.cc-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}.cc-head-left{display:inline-flex;align-items:center;gap:10px;min-width:0}.cc-head-left .cc-badge{padding:4px 10px;font-size:11px;line-height:1;white-space:nowrap}.cc-price{display:flex;align-items:baseline;gap:8px;margin:0}@media (max-width: 1024px){.cc-price-main{font-size:clamp(32px,4.6vw,44px)}}@media (max-width: 560px){.cc-card-head{align-items:flex-start}.cc-head-left{flex-direction:column;align-items:flex-start;gap:6px}.cc-head-left .cc-badge{margin-top:2px}}.cc-badge-below{display:inline-block;margin:4px 0 12px;padding:6px 12px;font-size:12px;color:#bfeaff;background:linear-gradient(180deg,#50a7ff40,#50a7ff14);border:1px solid rgba(111,207,255,.35);border-radius:999px;box-shadow:0 0 12px #2990ff40}.cc-has-ribbon{position:relative;overflow:hidden}.cc-has-ribbon:after{content:"Best Value";position:absolute;top:16px;right:-50px;transform:rotate(45deg);background:linear-gradient(90deg,#ffd54f,#ffa000);color:#1d1d1d;font-size:12px;font-weight:700;padding:4px 60px;text-align:center;box-shadow:0 2px 6px #00000040;letter-spacing:.5px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#0b1220;color:#e5e7eb;display:block;min-width:0;min-height:100%}#root{min-height:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer}