.topbar{z-index:100;height:var(--topbar-height);transition:all .3s;position:sticky;top:0}.topbar-inner{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);background:#26304fd9;border:1px solid #ffffff14;justify-content:space-between;align-items:center;height:100%;margin:8px 16px 0;padding:0 28px;transition:all .3s;display:flex;box-shadow:0 1px 3px #00000040,0 4px 12px #0003}.topbar-scrolled .topbar-inner{background:#26304ff2;box-shadow:0 4px 20px #00000052}.topbar-left{align-items:center;gap:12px;display:flex}.logo-icon-wrapper{border-radius:var(--radius-sm);background:var(--brand-gradient);justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;box-shadow:0 4px 12px #4f46e54d}.logo-icon-glow{background:var(--brand-gradient);opacity:.3;filter:blur(8px);border-radius:12px;animation:3s ease-in-out infinite logoPulse;position:absolute;inset:-4px}.logo-icon{color:#fff;z-index:1;font-size:20px;position:relative}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-title{background:var(--brand-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:700}.logo-subtitle{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:500}.topbar-center{align-items:center;gap:14px;display:flex}.vocab-selector{min-width:260px}.vocab-selector .ant-select-selector{background:#26304f!important;border:1px solid #3a4566!important;border-radius:10px!important;height:40px!important;transition:all .25s!important}.vocab-selector .ant-select-selector:hover{background:#2d3857!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526!important}.vocab-selector.ant-select-focused .ant-select-selector{border-color:#818cf8!important;box-shadow:0 0 0 3px #4f46e51f!important}.vocab-option{align-items:center;gap:10px;padding:4px 0;display:flex}.vocab-option-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vocab-option-label{min-width:80px;font-size:14px;font-weight:600}.vocab-option-desc{color:var(--text-muted);font-size:12px}.level-indicator{letter-spacing:.3px;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600}.topbar-right{align-items:center;display:flex}.points-badge{cursor:pointer;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 50%,#fff7ed 100%);border:1px solid #fbbf244d;border-radius:24px;align-items:center;gap:10px;padding:8px 18px 8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.points-badge:hover{border-color:#f59e0b80;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b26}.points-badge-pop{animation:.5s cubic-bezier(.68,-.55,.265,1.55) pointsPop}.points-icon-wrap{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 2px 8px #f59e0b4d}.points-icon{color:#fff;font-size:16px}.points-info{flex-direction:column;line-height:1.2;display:flex}.points-value{color:#92400e;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.points-label{color:#a16207;font-size:11px;font-weight:500}.points-shine{background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:50%;height:200%;animation:3s ease-in-out infinite shine;position:absolute;top:-50%;left:-75%;transform:skew(-25deg)}@keyframes logoPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes pointsPop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shine{0%{left:-75%}20%{left:125%}to{left:125%}}@media (width<=768px){.topbar-inner{gap:10px;margin:4px 8px 0;padding:0 16px}.logo-subtitle{display:none}.vocab-selector{min-width:160px}.level-indicator{display:none}.points-badge{padding:6px 12px}.points-value{font-size:16px}}.home-page{z-index:1;--text-primary:#f5efe2;--text-secondary:#d2c9b8;--text-muted:#a49b8a;--bg-card:#fff8eb0f;--bg-hero:linear-gradient(135deg, #2a211880 0%, #1c160f8c 100%);--brand-gradient:linear-gradient(135deg, #e6c87a 0%, #d4af37 55%, #b8912a 100%);max-width:1200px;margin:0 auto;padding:24px 20px 60px;position:relative}.home-page:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(170deg,#140f0b85 0%,#140f0bbd 100%),url(/godfather-bg.jpg) 50%/cover no-repeat;position:fixed;inset:0}.hero-section{border-radius:var(--radius-xl);background:var(--bg-hero);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #d4af3733;margin:4px 0 32px;padding:64px 44px 56px;position:relative;overflow:hidden}.hero-bg-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-blob{filter:blur(60px);opacity:.2;border-radius:50%;position:absolute}.hero-blob-1{background:#d4af37;width:300px;height:300px;animation:8s ease-in-out infinite blobFloat;top:-100px;right:-60px}.hero-blob-2{background:#b8860b;width:200px;height:200px;animation:6s ease-in-out infinite reverse blobFloat;bottom:-60px;left:20%}.hero-blob-3{background:#8a5a2a;width:150px;height:150px;animation:10s ease-in-out 1s infinite blobFloat;top:40%;right:30%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.hero-content{z-index:1;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.hero-text{text-align:center;max-width:720px;margin:0 auto}.hero-greeting{color:var(--text-secondary);background:#0000004d;border:1px solid #d4af3747;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.hero-wave{transform-origin:70% 70%;animation:2s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-10deg)}}.hero-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 12px;font-size:42px;font-weight:800;line-height:1.3}.hero-highlight{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.hero-highlight:after{content:"";z-index:-1;background:#d4af372e;border-radius:4px;width:100%;height:8px;position:absolute;bottom:4px;left:0}.hero-desc{color:var(--text-secondary);margin:0;font-size:15px}.hero-desc strong{color:var(--text-primary);font-weight:600}.hero-sep{color:var(--text-muted);margin:0 8px}.modules-section{margin-top:8px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.section-badge{color:var(--text-secondary);background:#fff8eb12;border:1px solid #d4af3733;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.module-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.module-grid{grid-template-columns:repeat(2,1fr)}.hero-section{padding:28px 24px}.hero-title{font-size:28px}}@media (width<=640px){.module-grid{grid-template-columns:1fr}.hero-section{border-radius:var(--radius-lg);padding:20px 16px}.hero-title{font-size:24px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}}:root{--brand-primary:#4f46e5;--brand-secondary:#7c3aed;--brand-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #a855f7 100%);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--points-gold:#f59e0b;--points-gradient:linear-gradient(135deg, #fbbf24, #f59e0b);--bg-body:#1a2135;--bg-card:#26304f;--bg-hero:linear-gradient(135deg, #26304f 0%, #202a44 50%, #24304d 100%);--text-primary:#e6eaf5;--text-secondary:#b8c2d6;--text-muted:#8b95a8;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #00000014, 0 4px 10px -6px #0000000d;--shadow-xl:0 20px 40px -8px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--topbar-height:68px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#0c101c4d,#0c101c4d),url(/bg.jpg) 50%/cover no-repeat fixed;overflow-x:hidden}#root{min-height:100vh}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 18% 22%,#6366f11f 0%,#0000 50%),radial-gradient(at 82% 70%,#8b5cf61a 0%,#0000 50%),radial-gradient(at 55% 40%,#3b82f612 0%,#0000 45%),radial-gradient(1.6px 1.6px at 8% 12%,#ffffffbf,#0000),radial-gradient(1px 1px at 22% 38%,#ffffff80,#0000),radial-gradient(2px 2px at 35% 8%,#fff9,#0000),radial-gradient(1px 1px at 48% 25%,#ffffff73,#0000),radial-gradient(1.4px 1.4px at 62% 15%,#ffffffa6,#0000),radial-gradient(1px 1px at 78% 32%,#ffffff80,#0000),radial-gradient(1.8px 1.8px at 90% 12%,#ffffff8c,#0000),radial-gradient(1px 1px at 12% 62%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 28% 78%,#fff9,#0000),radial-gradient(1px 1px at 42% 55%,#ffffff73,#0000),radial-gradient(1.6px 1.6px at 55% 70%,#fff9,#0000),radial-gradient(1px 1px at 68% 55%,#ffffff80,#0000),radial-gradient(2px 2px at 82% 70%,#ffffff8c,#0000),radial-gradient(1px 1px at 92%,#ffffff80,#0000),radial-gradient(1.3px 1.3px at 18% 25%,#ffffff8c,#0000),radial-gradient(1px 1px at 60% 40%,#ffffff73,#0000),radial-gradient(1.5px 1.5px at 38% 85%,#fff9,#0000),radial-gradient(1px 1px at 72% 88%,#ffffff80,#0000),radial-gradient(1.7px 1.7px at 88% 82%,#ffffff8c,#0000),radial-gradient(1px 1px at 5% 85%,#ffffff80,#0000),radial-gradient(1.4px 1.4px at 45% 15%,#fff9,#0000),radial-gradient(1px 1px at 75% 5%,#ffffff73,#0000),radial-gradient(1.6px 1.6px at 55% 30%,#fff9,#0000),radial-gradient(1px 1px at 95% 68%,#ffffff80,#0000),radial-gradient(1.3px 1.3px at 15% 45%,#ffffff80,#0000);width:200%;height:200%;position:fixed;top:-50%;left:-50%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{color:var(--brand-primary);background:#4f46e526}