@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-gradient: linear-gradient(135deg, #000000 0%, #1a1a1a 25%, #2d2d2d 75%, #1a1a1a 100%);--primary-gradient: linear-gradient(135deg, #000000 0%, #2d2d2d 50%, #4a4a4a 100%);--secondary-gradient: linear-gradient(135deg, #1a1a1a 0%, #3d3d3d 100%);--accent-gradient: linear-gradient(135deg, #2d2d2d 0%, #5a5a5a 100%);--text-gradient: linear-gradient(135deg, #ffffff 0%, #e5e5e5 50%, #cccccc 100%);--glass-bg: rgba(255, 255, 255, .08);--glass-bg-strong: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .16);--glass-border-strong: rgba(255, 255, 255, .24);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-strong: 0 16px 40px rgba(0, 0, 0, .6);--hover-bg: rgba(255, 255, 255, .16);--active-bg: rgba(255, 255, 255, .2);--focus-ring: rgba(255, 255, 255, .24);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:0;padding:0;background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card{background:var(--glass-bg-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-strong);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:.6}.glass-card:hover{transform:translateY(-2px);background:var(--hover-bg);border-color:var(--glass-border-strong);box-shadow:0 20px 50px #000000b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .6s ease-out}.animate-pulse-slow{animation:pulse 2s infinite}.btn-primary{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;padding:var(--space-lg) var(--space-xl);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;cursor:pointer;outline:none}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-strong);background:linear-gradient(135deg,#1a1a1a,#3d3d3d,#5a5a5a)}.btn-primary:hover:before{left:100%}.btn-primary:focus{box-shadow:var(--glass-shadow-strong),0 0 0 3px var(--focus-ring)}.btn-secondary{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;font-weight:500;padding:var(--space-lg) var(--space-xl);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;outline:none}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--glass-border-strong);transform:translateY(-2px)}.btn-secondary:focus{box-shadow:0 0 0 3px var(--focus-ring)}.input-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;padding:var(--space-lg) var(--space-lg);transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1rem;font-weight:400;outline:none}.input-glass::placeholder{color:#fff9;font-weight:400}.input-glass:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}.input-glass:focus{border-color:var(--focus-ring);background:var(--glass-bg-strong);box-shadow:0 0 0 3px #ffffff1f}.input-glass:focus::placeholder{color:#fff6}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-loader{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy{filter:blur(5px);transition:filter .3s}.lazy.loaded{filter:none}.timing-badge{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#0f0c;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.timing-badge:before{content:"⏱️";font-size:.625rem}.panel-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.panel-item{background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:all .3s ease}.panel-item:hover{transform:scale(1.02);box-shadow:0 12px 30px #0003}@media (max-width: 768px){.panel-grid{grid-template-columns:1fr}.glass-card{border-radius:12px}}.gradient-text{background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.perf-excellent{color:#10b981}.perf-good{color:#f59e0b}.perf-poor{color:#ef4444}.gradient-text-subtle{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.template-card{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;transition:all .3s ease;cursor:pointer}.template-card:hover{background:#fff3;transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.template-card.selected{background:#ffffff4d;border-color:#ffffff80}.progression-card{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;transition:all .3s ease;cursor:pointer;position:relative;min-height:400px}.progression-card:hover{background:#fff3;transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px #0003}.progression-card.selected{background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 30px #fff3}.chapter-nav-button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;border-radius:12px;padding:16px;transition:all .3s ease;cursor:pointer}.chapter-nav-button:hover{background:#ffffff26;transform:translateY(-2px)}.chapter-nav-button.active{background:#fff3;border-color:#ffffff80}@keyframes progressionSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.progression-card{animation:progressionSlideIn .6s ease-out}.progression-card:nth-child(2){animation-delay:.1s}.progression-card:nth-child(3){animation-delay:.2s}@keyframes celebrationGlow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 40px #fff9}}.series-complete-glow{animation:celebrationGlow 2s ease-in-out infinite}@keyframes scaleHover{to{transform:scale(1.02)}}.hover\:scale-102:hover{animation:scaleHover .2s ease-out forwards}.hover\:scale-105:hover{transform:scale(1.05)}.progress-step{background:#fff3;border-radius:50%;width:12px;height:12px;transition:all .3s ease}.progress-step.active{background:#fffc;box-shadow:0 0 15px #ffffff80}.progress-step.completed{background:#22c55ecc;box-shadow:0 0 15px #22c55e80}.series-stats{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.series-stat-item{text-align:center;padding:0 1rem}.series-stat-value{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.series-stat-label{font-size:.875rem;color:#ffffffb3}.series-stat-divider{width:1px;height:2rem;background:#fff3}@media (max-width: 768px){.progression-card{padding:16px;min-height:300px}.series-stats{flex-direction:column;gap:1rem}.series-stat-divider{width:100%;height:1px}.chapter-nav-button{padding:12px}}