:root{--bg-primary:#0a0a0c;--bg-secondary:#16161a99;--bg-card:#1e1e2466;--bg-card-hover:#2d2d3799;--bg-glass:#0a0a0cbf;--border-color:#ffffff0f;--border-hover:#ffffff1f;--primary:#ff7a45;--primary-glow:#ff7a4533;--primary-hover:#fa541c;--secondary:#3b82f6;--accent:#ff9c6e;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--danger:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-heading:"Outfit", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 12px 32px #00000080;--shadow-glow:0 0 20px #f9731626;--glass-blur:blur(16px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overscroll-behavior-y:none;background-image:radial-gradient(at 0 0,#ff7a4514 0,#0000 50%),radial-gradient(at 100% 100%,#ff9c6e0d 0,#0000 50%);background-attachment:fixed;min-height:100vh;padding-bottom:90px;overflow-x:hidden}input,textarea,.allow-select{-webkit-user-select:auto;user-select:auto}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, #ffffff0d 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:1000px 100%;animation:2s linear infinite shimmer}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-title{width:60%;height:24px;margin-bottom:16px}.skeleton-card{border-radius:var(--radius-md);width:100%;height:80px;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.015em;font-weight:600}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md), 0 0 20px #f973160d;transform:translateY(-2px)}.gradient-text{color:#fff;font-weight:700;display:inline-block}.btn-primary{background:var(--primary);color:#fff;font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.app-header{z-index:50;background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.user-badge{align-items:center;gap:10px;display:flex}.avatar{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.navbar-bottom{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:100;background:#16161af2;justify-content:space-around;align-items:center;height:68px;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--primary);font-weight:600}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-completed{background-color:var(--success-bg);color:var(--success);border:1px solid #10b98140}.badge-locked{color:var(--text-muted);background-color:#1e293b;border:1px solid #334155}.badge-unlocked{color:var(--primary);background-color:#f973161a;border:1px solid #f973164d}.page-container{max-width:640px;margin:0 auto;padding:20px 16px 88px}.lesson-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 10px #0000001a}.lesson-card:hover{border-color:var(--text-muted)}.lesson-card.completed{border-left:3px solid var(--success)}.lesson-card.unlocked{border-left:3px solid var(--primary);background:#151d2f}.lesson-card.locked{opacity:.5;cursor:not-allowed;background:#0d121e}.progress-container{border-radius:var(--radius-full);background:#1e293b;width:100%;height:6px;margin:12px 0;overflow:hidden}.progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .6s}.quiz-option{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;font-weight:500;transition:all .15s;display:flex}.quiz-option:hover{border-color:var(--text-muted);background:var(--bg-card-hover)}.quiz-option.selected{border-color:var(--primary);background:#f9731614}.quiz-option.correct{border-color:var(--success);background:var(--success-bg)}.quiz-option.wrong{border-color:var(--danger);background:#ef44441f}.podium-container{justify-content:center;align-items:flex-end;gap:8px;margin:24px 0 16px;display:flex}.podium-item{flex-direction:column;flex:1;align-items:center;display:flex}.podium-block{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#fff;border:1px solid var(--border-color);justify-content:center;align-items:center;width:100%;font-size:20px;font-weight:700;display:flex}.podium-1{background:#334155;border-top:2px solid #f59e0b;height:110px}.podium-2{background:#1e293b;border-top:2px solid #94a3b8;height:85px}.podium-3{background:#0f172a;border-top:2px solid #d97706;height:65px}