*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body,html{overflow-x:hidden;transition:background .4s ease,color .4s ease}body{background:#f8fafc;background:var(--color-bg);color:#000;color:var(--color-text-primary);transition:background .3s ease,color .3s ease}.container{margin:40px auto;max-width:1200px;width:90%}.card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #0000000d;padding:20px;transition:.2s ease}.card:hover{transform:translateY(-2px)}button{background:#4f46e5;border-radius:8px;color:#fff;padding:10px 18px}button:hover{background:#4338ca}:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-accent:#06b6d4;--color-accent-soft:#e0f7fa;--color-bg:#f8fafc;--color-card:#fff;--color-text-primary:#000;--color-text-muted:#64748b;--color-text-opp:#fff;--color-border:#e0f;--color-success:#22c55e;--color-danger:#ef4444;--shadow-soft:0 10px 30px #0f172a0f;--shadow-hover:0 14px 40px rgba(15,23,42,.753)}[data-theme=dark]{--color-bg:#000;--color-card:#000;--color-text-primary:#f1f5f9;--color-text-muted:#94a3b8;--color-text-opp:#000;--color-border:#9500ff;--color-accent-soft:#06b6d414;--shadow-soft:0 10px 30px #0006}[data-theme=dark] .footer{background:#fff;background:var(--color-card)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-btn{align-items:center;background:var(--color-border);border:none;border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:22px;justify-content:center;margin:10px 10px 10px 6px;padding:0;transition:.2s ease;width:22px}.info-btn:hover{background:var(--color-primary);color:#fff}.streak-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.streak-modal{animation:fadeIn .2s ease;background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-soft);max-width:92%;padding:28px;width:420px}.streak-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.streak-header button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px}.streak-stats{display:flex;justify-content:space-between;margin-bottom:20px}.streak-stats span{color:var(--color-text-muted);font-size:12px}.streak-stats h3{margin-top:4px}.today-progress{margin-bottom:20px}.today-progress p{margin-top:6px}.streak-settings label,.today-progress p{color:var(--color-text-muted);font-size:12px}.streak-settings input{border:1px solid var(--color-border);border-radius:8px;margin:8px 0 12px;padding:8px;width:100%}.streak-settings button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;width:100%}.error{color:red;font-size:12px;margin-top:6px}.navbar{background:var(--color-card);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar-container{margin:0 auto;max-width:1200px;padding:14px 20px}.nav-left,.navbar-container{align-items:center;display:flex}.logo a{color:var(--color-primary);font-size:18px;font-weight:700;text-decoration:none}.logo img{height:30px;transition:transform .2s ease;width:auto}.logo img:hover{transform:scale(1.05)}.nav-right{align-items:center;display:flex;gap:24px;margin-left:auto}.xp-display{all:unset;background:#00000005;border:1px solid var(--color-primary);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:6px 12px;width:200px}.xp-display:hover{background:#00000005;cursor:pointer;scale:none}.xp-top{align-items:center;display:flex;justify-content:space-between}.xp-level{color:var(--color-text-primary);font-size:12px;font-weight:600}.xp-count{color:var(--color-text-muted);font-size:11px}.xp-bar{background:var(--color-text-muted);border-radius:8px;height:5px;margin-top:4px;overflow:hidden;width:100%}.xp-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-right:4px solid #ff0800;height:100%;transition:width .4s ease}.nav-links{align-items:center;display:flex;gap:28px}.nav-links a{color:var(--color-text-muted);font-size:14px;font-weight:500;position:relative;text-decoration:none;transition:.2s ease}.nav-links a:after{background:var(--color-primary);bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:.25s ease;width:0}.nav-links a:hover{color:var(--color-text-primary)}.nav-links a:hover:after{width:100%}.profile-section{position:relative}.profile-avatar{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;transition:.2s ease;width:34px}.profile-avatar:hover{background:var(--color-primary);color:#fff}.profile-dropdown{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;padding:8px 0;position:absolute;right:0;top:46px;width:180px;z-index:2000}.profile-dropdown button{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:13px;padding:10px 16px;text-align:left;transition:.2s ease}.profile-dropdown button:hover{background:var(--color-primary);color:var(--color-text-opp)}.dropdown-divider{background:var(--color-border);height:1px;margin:6px 0}.logout-btn{color:#d9534f}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger span{background:var(--color-text-primary);height:2px;width:22px}@media (max-width:768px){.nav-right{gap:16px}.nav-links{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);flex-direction:column;gap:18px;opacity:0;padding:20px;pointer-events:none;position:absolute;right:20px;top:60px;transform:translateY(-20px);transition:.25s ease}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.hamburger{display:flex}.xp-display{width:150px}}.theme-switch{align-items:center;cursor:pointer;display:flex;height:24px;transition:transform .15s ease;-webkit-user-select:none;user-select:none;width:48px}.theme-switch:active{transform:scale(.95)}.switch-track{align-items:center;background:linear-gradient(135deg,#fde68a,#fbbf24);border-radius:30px;display:flex;height:100%;justify-content:space-between;overflow:hidden;padding:0 6px;position:relative;transition:background .35s ease;width:100%}.theme-switch.dark .switch-track{background:linear-gradient(135deg,#1e293b,#0f172a)}.switch-icon{font-size:10px;transition:opacity .25s ease;z-index:2}.theme-switch.dark .sun,.theme-switch:not(.dark) .moon{opacity:.25}.switch-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 6px #00000040;height:18px;left:3px;position:absolute;top:3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.theme-switch.dark .switch-thumb{background:#0f172a;box-shadow:0 0 6px #6366f180;transform:translateX(24px)}.info-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:5000}.info-modal{animation:fadeIn .25s ease;background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);max-width:92%;padding:24px;width:420px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-header{align-items:center;display:flex;justify-content:space-between}.info-header h3{color:var(--color-text-primary);margin:0}.info-close{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6}.info-close:hover{opacity:1}.info-text{color:var(--color-text-muted);font-size:14px;line-height:1.6;margin-top:14px}.info-footer{margin-top:18px;text-align:right}.info-footer button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px}.footer{background:var(--color-card);border-top:1px solid var(--color-border);margin-top:80px;transition:background .3s ease,border-color .3s ease}.footer-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1.5fr 3fr;margin:auto;max-width:1100px;padding:60px 0 40px;width:92%}.footer-brand{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-brand h3{color:var(--color-text-primary);font-size:20px;margin-bottom:8px}.footer-brand p{color:var(--color-text-muted);font-size:13px;line-height:1.5;max-width:260px}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr)}.footer-column h4{color:var(--color-text-primary);font-size:13px;margin-bottom:14px}.footer-column a{color:var(--color-text-muted);display:block;font-size:13px;margin-bottom:10px;text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;padding:18px 0;text-align:center;transition:border-color .3s ease}@media (max-width:900px){.footer-container{gap:40px;grid-template-columns:1fr}.footer-links{gap:30px;grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.footer-links{grid-template-columns:1fr}}.footer-feedback-card{background:#4f46e50f;border:1px dashed var(--color-primary);border-radius:12px;margin-top:24px;max-width:280px;padding:18px}.footer-feedback-card h4{color:var(--color-text-primary);font-size:14px;margin-bottom:6px}.footer-feedback-card p{color:var(--color-text-muted);font-size:12px;line-height:1.5;margin-bottom:12px}.feedback-btn{background:var(--color-primary);border-radius:8px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;text-decoration:none;transition:.2s ease}.feedback-btn:hover{opacity:.9;transform:translateY(-1px)}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.landing{background:var(--color-bg);overflow-x:hidden}.hero{align-items:center;display:flex;min-height:100vh;padding:0 8%;position:relative}.hero-gradient{background:radial-gradient(circle,var(--color-primary),var(--color-accent));filter:blur(160px);height:700px;left:-150px;opacity:.5;position:absolute;top:-150px;width:700px}.hero-container{align-items:center;display:flex;gap:60px;width:100%;z-index:2}.hero-left{flex:1 1}.hero-left h1{font-size:clamp(32px,5vw,56px);line-height:1.1}.hero-left span{color:var(--color-primary)}.hero-left p{color:var(--color-text-muted);font-size:16px;margin:20px 0}.hero-input{display:flex;flex-wrap:wrap;gap:12px}.hero-input input{border:1px solid var(--color-border);border-radius:10px;max-width:100%;padding:14px;width:320px}.hero-input button{background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;padding:14px 20px;white-space:nowrap}.hero-right{flex:1 1}.hero-image-placeholder,.image-placeholder{align-items:center;border:2px dashed var(--color-border);border-radius:16px;display:flex;height:350px;justify-content:center;text-align:center;width:100%}.hero-image-wrapper,.image-wrapper{border-radius:20px;box-shadow:0 20px 60px #00000026;margin:0 auto;max-width:600px;overflow:hidden;width:110%}.hero-image-wrapper img,.image-wrapper img{display:block;height:auto;width:100%}.showcase{align-items:center;display:flex;gap:60px;padding:100px 8%}.showcase.alt{background:var(--color-card)}.showcase-text{flex:1 1}.showcase-text h2{font-size:clamp(26px,4vw,36px)}.showcase-text p{color:var(--color-text-muted);margin-top:20px}.showcase-image{flex:1 1}.testimonials{background:var(--color-card);padding:100px 0;text-align:center}.testimonials p{color:#000}.testimonial-track{animation:scroll 30s linear infinite;display:flex;gap:40px;margin-top:10px;width:-webkit-max-content;width:max-content}.testimonial{background:#fff;border-radius:16px;box-shadow:var(--shadow-soft);max-width:350px;min-width:300px;padding:30px}.testimonial h4{color:var(--color-primary);margin-top:20px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.faq{margin:auto;max-width:900px;padding:120px 8%}.faq h2{font-size:clamp(28px,4vw,42px);margin-bottom:60px;text-align:center}.faq-item{border-bottom:1px solid var(--color-border);margin-bottom:10px;transition:.3s ease}.faq-header{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:22px 20px;text-align:left;width:100%}.faq-header:hover{color:#fff}.faq-icon{font-size:22px;transition:.3s ease}.faq-icon.rotate{transform:rotate(45deg)}.faq-content{overflow:hidden;transition:height .35s ease}.faq-answer{color:var(--color-text-muted);line-height:1.7;padding-bottom:24px}.cta{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;padding:120px 8%;text-align:center}.cta button{background:#fff;border:none;border-radius:12px;color:var(--color-primary);cursor:pointer;font-weight:600;margin-top:20px;padding:16px 36px}@media (max-width:1024px){.hero-container,.showcase{gap:40px}}@media (max-width:768px){.hero{padding:100px 6%}.hero-container{flex-direction:column;text-align:center}.hero-input{justify-content:center}.showcase{flex-direction:column;padding:80px 6%}.showcase.alt{background:var(--color-bg)}.testimonial-track{animation:none;overflow-x:auto;padding:20px}.testimonial{min-width:260px}.cta,.faq{padding:80px 6%}}@media (max-width:480px){.hero-left h1{font-size:30px}.hero-input{flex-direction:column}.hero-input button,.hero-input input{width:100%}}.dashboard{background:var(--color-bg);min-height:100vh;padding:40px 0 80px}.dashboard-container{margin:auto;max-width:1100px;width:92%}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:26px;margin-bottom:6px}.dashboard-header p{color:var(--color-text-muted);font-size:14px}.top-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 2fr;margin-bottom:50px}.stat-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:22px}.stat-title{color:var(--color-text-muted);font-size:20px}.stat-value{font-size:26px;font-weight:600;margin-top:20px}.stat-sub{color:var(--color-text-muted);font-size:12px}.resume-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:24px}.resume-card h4{color:var(--color-text-muted);font-size:14px;margin-bottom:10px}.resume-card h3{font-size:16px;margin-bottom:4px}.resume-card p{color:var(--color-text-muted);font-size:13px;margin-bottom:12px}.progress-bar{border-radius:6px;height:8px;margin-bottom:8px;width:100%}.progress-bar.small{height:6px}.progress-fill{transition:width .4s ease}.progress-text{color:var(--color-text-muted);display:block;font-size:12px;margin-bottom:14px}.resume-card button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 18px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.section-header h2{font-size:18px}.add-btn{background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.course-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.course-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:20px;transition:.2s ease}.course-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.course-card h3{font-size:15px;margin-bottom:6px}.course-card p{color:var(--color-text-muted);font-size:12px;margin-bottom:12px}.course-card button{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 14px}.empty-state{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:50px;text-align:center}.upcoming-section{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:18px;margin-top:60px;padding:2px}.upcoming-overlay{background:var(--color-card);border-radius:16px;padding:40px;text-align:center}.lock-icon{font-size:26px;margin-bottom:10px}.upcoming-overlay h3{margin-bottom:6px}.upcoming-overlay p{color:var(--color-text-muted);font-size:13px;margin-bottom:12px}.upcoming-overlay span{color:var(--color-primary);font-size:12px;font-weight:500}@media (max-width:768px){.top-section{grid-template-columns:1fr}}.streak-card{position:relative}.streak-top{align-items:center;display:flex;justify-content:space-between}.streak-settings-btn{background:#0000;border:none;cursor:pointer;font-size:14px;opacity:.7;transition:.2s ease}.streak-settings-btn:hover{background:none;opacity:1;scale:1.5;transform:rotate(15deg)}.streak-progress-wrapper{margin-top:12px}.streak-progress-bar{background:var(--color-border);border-radius:6px;height:6px;overflow:hidden;width:100%}.streak-progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));height:100%;transition:width .4s ease}.streak-progress-text{color:var(--color-text-muted);display:block;font-size:11px;margin-top:4px}.freeze-badge{color:var(--color-primary);font-size:11px;font-weight:500;margin-top:10px}.practice-card{display:flex;flex-direction:column;justify-content:center}.practice-timer{font-size:32px;font-weight:600;letter-spacing:2px;margin:20px 0}.practice-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;padding:10px;transition:.2s ease}.practice-btn.start{background:var(--color-primary);color:#fff}.practice-btn.start:hover{background:var(--color-accent)}.practice-btn.stop{background:#d9534f;color:#fff}.practice-btn.stop:hover{opacity:.9}.roadmap-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);flex-direction:column;margin:25px 0;min-height:200px;padding:20px}.roadmap-card,.roadmap-header{display:flex;justify-content:space-between}.roadmap-header{align-items:center}.roadmap-status{background:#e6f4ea;border-radius:12px;color:#1e7f4f;font-size:12px;padding:4px 10px}.roadmap-info{color:var(--color-muted);font-size:14px;margin:16px 0}.roadmap-actions{gap:10px}.btn-primary{border:none;border-radius:8px}.btn-primary,.btn-secondary{cursor:pointer;padding:8px 14px}.btn-secondary{background:var(--color-primary);border:1px solid var(--color-border);border-radius:8px}.streak-info-btn{margin-left:200px;margin-top:10px}.resume-streak-note{background-color:#7cfc0033;border-radius:10px;color:var(--color-text-primary);font-size:12px;font-style:italic;font-weight:700;margin-top:8px;padding:10px}.streak-info-banner{background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:14px;color:var(--color-text-primary);font-size:13px;margin-bottom:20px;padding:14px 18px}.course-card-btns .delete-course-btn{background:var(--color-danger);border:none;cursor:pointer;font-size:16px;opacity:.6}.delete-course-btn:hover{color:#fff;opacity:1}.course-card-btns{display:flex;gap:20px;justify-content:flex-end}.streak-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.streak-modal{background:#fff;border-radius:10px;padding:30px;text-align:center;width:320px}.modal-actions{justify-content:center;margin-top:20px}.streak-warning{border:2px dashed #ff6b6b;cursor:pointer;filter:grayscale(.4);opacity:.6}.streak-warning:hover{opacity:1}.streak-warning-text{color:#ff6b6b;font-size:12px;margin-top:6px}#use-freeze-btn{background:var(--color-success)}#break-streak-btn,#use-freeze-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 18px}#break-streak-btn{background:var(--color-danger)}.course-thumbnail-wrapper{border-radius:10px;height:150px;overflow:hidden;width:100%}.course-thumbnail{height:100%;object-fit:cover;width:100%}.course-card-body{padding-top:10px}.resume-content{align-items:flex-start;display:flex;gap:12px}.resume-thumbnail{border-radius:6px;flex-shrink:0;height:65px;object-fit:cover;width:90px}.resume-info{flex:1 1}.beta-banner{background:#fff8e6;border:1px solid #f2d48f;border-radius:8px;color:#6b4f00;font-size:13px;line-height:1.4;margin-bottom:14px;padding:10px 14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;z-index:1000}.modal-box{animation:fadeInScale .25s ease forwards;background:var(--color-card);border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--shadow-soft);color:var(--color-text-primary);max-width:95%;padding:30px;width:440px}@keyframes fadeInScale{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box h2{color:var(--color-primary);font-size:20px;font-weight:600;margin-bottom:20px}.modal-box label{background-color:#7cfc0033;border-radius:20px;color:var(--color-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px;padding:5px}.modal-box input,.modal-box textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:14px;margin-bottom:14px;padding:10px 12px;transition:all .2s ease;width:100%}.modal-box input:focus,.modal-box textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4f46e533;outline:none}.modal-box textarea{min-height:100px;resize:none}.modal-actions{justify-content:flex-end}.cancel-btn{background:#0000;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);padding:8px 16px;transition:all .2s ease}.cancel-btn:hover{background:var(--color-accent-soft)}.save-btn{background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.save-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.modal-streak-hero{align-items:center;display:flex;flex-direction:row;gap:10px;margin:12px 12px 18px}.hero-old{font-size:20px;opacity:.4}.hero-arrow{color:var(--color-text-muted);font-size:14px}.hero-new{animation:glowPulse 1.5s infinite;color:var(--color-success);font-size:20px;font-weight:700}.hero-text{color:var(--color-text-muted);font-size:13px}.discipline-box{background:var(--color-accent-soft);border-left:4px solid var(--color-accent);border-radius:16px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:16px 18px}.discipline-main{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.6}.discipline-sub{color:var(--color-text-muted);font-size:12px;line-height:1.6;opacity:.75}.productivity-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:18px;padding:26px;transition:.3s ease}.productivity-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.productivity-card h3{font-size:18px;font-weight:600}.productivity-card h4{color:var(--color-text-primary);font-size:14px;margin-top:-10px}.streak-visual{gap:22px;justify-content:center;margin-top:8px}.streak-block,.streak-visual{align-items:center;display:flex}.streak-block{font-size:28px;font-weight:700;gap:8px}.streak-block .flame{font-size:30px}.streak-block.old{opacity:.7}.streak-block.new.preview{animation:glowPulse 1.5s infinite;opacity:1}.streak-block.new.active{animation:glowPulse 1.5s infinite;color:var(--color-success)}@keyframes glowPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.streak-arrow{font-size:22px}.streak-arrow,.streak-note{color:var(--color-text-muted)}.streak-note{font-size:13px;line-height:1.6;text-align:center}.completed-box{background-color:#c2fde9;border-radius:8px;margin-top:10px;padding:12px}.completed-box p{color:var(--color-text-muted);font-size:14px}.auth-wrapper{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-wrapper:before{animation:moveGrid 20s linear infinite;background-image:linear-gradient(#ffffff0f 1px,#0000 0),linear-gradient(90deg,#ffffff0f 1px,#0000 0);background-size:50px 50px;content:"";inset:0;opacity:.4;position:absolute}.auth-wrapper:after{animation:floatShape 8s ease-in-out infinite;background:#ffffff14;border-radius:16px;content:"";height:180px;left:10%;position:absolute;top:15%;transform:rotate(-15deg);width:280px}.auth-wrapper .bg-shape{animation:floatShape2 10s ease-in-out infinite;background:#ffffff0f;border-radius:16px;bottom:12%;height:140px;position:absolute;right:12%;transform:rotate(18deg);width:220px}.auth-card{background:var(--color-card);border-radius:18px;box-shadow:0 30px 60px #00000040;max-width:420px;padding:44px;position:relative;width:100%;z-index:2}.auth-card h2{color:var(--color-primary);font-weight:600;margin-bottom:28px;text-align:center}.auth-card input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:14px;margin-bottom:18px;padding:14px;transition:.2s ease;width:100%}.auth-card input:focus{background:var(--color-card);border-color:var(--color-accent);box-shadow:0 0 0 3px #0ac4e026;outline:none}.auth-card button{background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:14px;transition:.25s ease;width:100%}.auth-card button:hover{background:var(--color-accent);box-shadow:0 12px 24px #0003;transform:translateY(-2px)}.auth-link{color:var(--color-text-muted);font-size:14px;margin-top:20px;text-align:center}.auth-link a{color:var(--color-accent);font-weight:500;text-decoration:none}.auth-link a:hover{color:var(--color-accent-light)}@keyframes moveGrid{0%{background-position:0 0,0 0}to{background-position:50px 50px,50px 50px}}@keyframes floatShape{0%{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-15deg) translateY(25px)}to{transform:rotate(-15deg) translateY(0)}}@keyframes floatShape2{0%{transform:rotate(18deg) translateY(0)}50%{transform:rotate(18deg) translateY(-30px)}to{transform:rotate(18deg) translateY(0)}}.forgot-password button{font-size:12px;padding:0}.forgot-password button:hover{background-color:none;background:none;text-decoration:underline}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-card{background:var(--color-card);border-radius:14px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:12px;padding:30px;width:320px}.modal-card input{border:1px solid var(--color-border);border-radius:8px;padding:10px}.modal-card button{border:none;border-radius:8px;cursor:pointer;padding:8px}.close-btn{background:var(--color-border)}.reset-message{color:var(--color-text-muted);font-size:12px}.auth-error{color:var(--color-danger);font-size:13px;margin-bottom:10px;text-align:left}.verify-box{background:#4f46e514;border:1px solid var(--color-primary);border-radius:8px;font-size:13px;margin-bottom:12px;padding:10px}.resend-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 10px;transition:.2s ease}.resend-btn:disabled{cursor:not-allowed;opacity:.6}.resend-message{color:var(--color-success);font-size:12px;margin-top:6px}.add-course-wrapper{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#eef2ff,#f0f9ff,#ede9fe,#ecfeff);background-size:400% 400%;display:flex;justify-content:center;min-height:85vh;overflow:hidden;padding:2rem;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.add-course-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border-radius:24px;box-shadow:0 20px 60px #0f172a14;max-width:560px;padding:3rem 2.5rem;text-align:center;width:100%}.hero-section h1{font-size:26px;letter-spacing:-.5px;margin-bottom:.6rem}.hero-section p{color:var(--color-text-muted);font-size:14px;margin-bottom:2rem}.course-form{display:flex;flex-direction:column;gap:1.2rem}.input-group{position:relative}.input-group input{border:1px solid var(--color-border);border-radius:14px;font-size:14px;outline:none;padding:14px;transition:.2s ease;width:100%}.input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #4f46e51a}.create-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:.2s ease}.create-btn:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translateY(-2px)}.create-btn:disabled{cursor:not-allowed;opacity:.6}.error-box{background:#fee2e2;border-radius:12px;color:#b91c1c;font-size:13px;margin-top:1.5rem;padding:12px}.promise-box{color:var(--color-text-muted);display:flex;font-size:13px;justify-content:space-between;margin-top:2.2rem}.promise-item{flex:1 1}@media (max-width:600px){.promise-box{flex-direction:column;gap:.6rem}}.course-player{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;padding:2rem}.player-section{background:var(--color-card);border-radius:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;padding:1.5rem}.top-bar{display:flex;justify-content:space-between;margin-bottom:1rem}.back-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:14px}.nav-mini button{background:#4f46e514;border:1px solid var(--color-primary);border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.nav-mini button:hover:not(:disabled){background:var(--color-primary);box-shadow:0 4px 12px #4f46e540;color:#fff;transform:translateY(-1px)}.nav-mini button:disabled{background:#0000;border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.35}.video-frame{aspect-ratio:16/9;border-radius:16px;overflow:hidden;width:100%}.course-meta h2{font-size:18px;margin:1rem 0 .3rem}.course-meta p{color:var(--color-text-muted);font-size:14px}.motivation{color:var(--color-primary);font-weight:600}.progress-bar{background:var(--color-border);border-radius:4px;height:6px;margin-top:1rem;overflow:hidden}.progress-fill{background:var(--color-primary);height:100%;transition:width .3s ease}.stats-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.stat-card{background:var(--color-accent-soft);border-radius:14px;flex:1 1;min-width:120px;padding:1rem;text-align:center}.stat-card span{color:var(--color-text-muted);font-size:12px}.stat-card h4{margin:.5rem 0 0}.stat-card.roadmap{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff}.stat-card.roadmap span{color:#fff}.notes-card{background:var(--color-accent-soft);border-radius:14px;font-size:14px;margin-top:1.5rem;padding:1rem}.notes-card.locked span{font-size:12px;opacity:.7}.playlist-section{background:var(--color-card);border-radius:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;max-height:90vh;padding:1.5rem}.playlist-header{display:flex;justify-content:space-between;margin-bottom:1rem}.playlist-list{max-height:80vh;overflow-y:auto}.playlist-item{border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:.7rem;transition:.2s}.playlist-item.active,.playlist-item:hover{background:var(--color-accent-soft)}.playlist-item.active{color:var(--color-primary);font-weight:600}.video-count{color:var(--color-text-muted);font-size:12px}@media (max-width:900px){.course-player{grid-template-columns:1fr}}.notes-panel{background:var(--color-accent-soft);border-radius:16px;display:flex;flex-direction:column;margin-top:2rem;padding:1.2rem}.notes-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.notes-actions button{background:#4f46e514;border:none;border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:13px;margin-right:8px;padding:6px 14px;transition:.2s}.notes-actions button:hover{background:var(--color-primary);color:#fff}.notes-status{font-size:12px}.notes-empty,.notes-status{color:var(--color-text-muted)}.notes-empty{font-size:14px;margin-top:1rem}.notes-list{gap:1rem;margin-top:1rem}.note-item,.notes-list{display:flex;flex-direction:column}.note-item{background:#fff;border-radius:12px;padding:.8rem;position:relative}.note-time{color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:600;margin-bottom:6px}.note-time:hover{text-decoration:underline}.note-item textarea{background:#0000;border:none;font-size:14px;min-height:60px;outline:none;resize:none}.note-delete{background:none;border:none;cursor:pointer;font-size:12px;opacity:.5;position:absolute;right:8px;top:8px}.note-delete:hover{opacity:1}.playlist-item.completed{background:#22c55e14;border-left:3px solid #22c55e}.playlist-item.completed .video-count{color:#22c55e;font-weight:600}.playlist-item.completed .video-title{color:#22c55e}.notes-actions{align-items:center;display:flex;gap:10px}.notes-actions .divider{background:var(--color-border);height:18px;width:1px}.ai-quiz-locked{-webkit-padding-start:10px;align-items:center;border:2px solid var(--color-border);border-radius:10px;color:var(--color-text-muted);display:flex;font-size:13px;gap:6px;opacity:.85;padding-inline-start:10px}.pro-badge{background:var(--color-primary);border-radius:10px;color:#fff;font-size:10px;padding:2px 6px}.vote-mini{background:var(--color-border);border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:2px 6px;transition:.2s ease}.vote-mini:hover{background:var(--color-primary);color:#fff}.vote-thanks-mini{color:var(--color-success);font-size:12px}.certificate-section{margin-top:22px}.certificate-card{align-items:center;background:linear-gradient(135deg,#f8faff,#eef2ff);border:1px solid #e3e8ff;border-radius:14px;box-shadow:0 4px 14px #0000000a;display:flex;gap:18px;padding:20px 22px;transition:all .2s ease}.certificate-card:hover{box-shadow:0 10px 24px #00000014;transform:translateY(-2px)}.certificate-info{color:#111827;display:flex;flex-direction:column;font-size:15px;font-weight:600}.certificate-info span{color:#6b7280;font-size:13px;font-weight:400;margin-top:3px}.download-certificate-btn{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-left:auto;padding:10px 18px;transition:all .15s ease}.download-certificate-btn:hover{background:#4338ca;transform:translateY(-1px)}.download-certificate-btn:active{transform:translateY(0)}.certificate-info:before{content:"🏆";font-size:22px;margin-bottom:4px}.profile-page{margin:auto;max-width:900px;padding:40px 20px}.profile-header{margin-bottom:30px}.profile-identity{align-items:center;display:flex;gap:10px}.profile-name-input{border:none;border-bottom:2px solid #ddd;font-size:28px;font-weight:600;outline:none;padding:4px 6px}.profile-name-input:focus{border-color:#4f46e5}.save-name-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 14px}.save-success{margin-top:4px}.profile-xp{display:flex;gap:20px;margin-top:20px}.xp-card{background:#f8faff;border:1px solid #e3e8ff;border-radius:10px;padding:14px 18px}.xp-card span{color:#6b7280;font-size:13px}.xp-card h2{font-size:22px;margin-top:4px}.profile-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.profile-card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 14px #0000000d;padding:20px}.profile-card span{color:#6b7280;font-size:13px}.profile-card h2{font-size:26px;margin-top:6px}.profile-name-view{align-items:center;display:flex;gap:12px}.profile-name-view h1{margin:0}.edit-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:4px 10px}.profile-name-edit{align-items:center;display:flex;gap:10px}.profile-name-edit input{border:1px solid #ddd;border-radius:6px;font-size:22px;padding:6px 10px}.cancel-btn{background:#eee;border-radius:6px;padding:6px 10px}.save-success{color:#16a34a;display:block;font-size:13px;margin-top:6px}.name-edit-group{display:flex;flex-direction:column}.name-note{color:#6b7280;font-size:12px;margin-top:4px}.profile-certificates{margin-top:48px}.profile-certificates h2{font-size:20px;font-weight:600;margin-bottom:18px}.certificate-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.certificate-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-soft);cursor:pointer;padding:18px;position:relative;transition:all .18s ease}.certificate-card:before{background:var(--color-primary);border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.certificate-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.certificate-card h4{color:var(--color-text-primary);font-size:15px;font-weight:600;margin-bottom:8px}.certificate-card span{color:var(--color-text-muted);font-size:12px}.certificate-card:after{content:"🏆";font-size:16px;opacity:.6;position:absolute;right:2px;top:2px}.cert-empty{color:var(--color-text-muted);font-size:14px}.contact-page{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.contact-card{background:var(--color-card);border-radius:18px;box-shadow:var(--shadow-soft);max-width:600px;padding:50px;text-align:center}.contact-card h1{color:var(--color-primary);margin-bottom:20px}.contact-info{margin-top:30px}.contact-info span{color:var(--color-text-muted);display:block;font-size:12px;margin-bottom:6px}.contact-info a{color:var(--color-accent);font-size:18px;font-weight:600;text-decoration:none}.about-page{background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;padding:100px 20px}.about-hero{margin-bottom:80px;text-align:center}.about-hero h1{color:var(--color-primary);font-size:42px;margin-bottom:16px}.about-subtitle{color:var(--color-text-muted);font-size:18px}.about-section{margin:0 auto 80px;max-width:900px;text-align:center}.about-section h2{font-size:26px;margin-bottom:20px}.about-section p{color:var(--color-text-muted);font-size:15px;line-height:1.7}.about-split{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto 100px;max-width:1100px}.about-split div{border:2px solid var(--color-border);border-radius:10px;padding:30px 20px}.about-split h3{color:var(--color-primary);margin-bottom:14px}.about-split p{color:var(--color-text-muted);font-size:14px;line-height:1.7}.about-features{margin:0 auto 100px;max-width:1100px;text-align:center}.about-features h2{margin-bottom:50px}.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:30px;transition:.3s ease}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-soft);transform:translateY(-6px)}.feature-card h4{color:var(--color-primary);margin-bottom:10px}.feature-card p{color:var(--color-text-muted);font-size:13px}.about-vision{margin:auto;max-width:900px;text-align:center}.about-vision h2{margin-bottom:20px}.about-vision p{color:var(--color-text-muted);font-size:15px;line-height:1.7}.policy-page{margin:auto;max-width:900px;padding:100px 20px}.policy-page h1{color:var(--color-primary);margin-bottom:60px;text-align:center}.policy-page section{margin-bottom:40px}.policy-page h2{color:var(--color-primary);font-size:18px;margin-bottom:10px}.policy-page p{color:var(--color-text-muted);font-size:14px;line-height:1.7}.roadmap-create{background:var(--color-card);border-radius:24px;box-shadow:var(--shadow-soft);color:var(--color-text-primary);margin:60px auto;max-width:900px;padding:40px}.roadmap-create h2{font-size:26px;margin-bottom:30px}.roadmap-create input,.roadmap-create textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);margin-bottom:20px;padding:14px;width:100%}.roadmap-create input:focus,.roadmap-create textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}.timeline{background:var(--color-bg);border:1px solid var(--color-border);border-radius:18px;padding:20px}.timeline-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;margin-bottom:12px;padding:16px;transition:.2s}.timeline-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.timeline-type{color:var(--color-primary);font-size:12px;font-weight:600}.timeline-title{font-size:15px;margin-top:4px}.roadmap-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn-primary{background:var(--color-primary);color:#fff}.btn-accent{background:var(--color-accent);color:#fff}.btn-success{background:var(--color-success);color:#fff}button{border:none;border-radius:12px;cursor:pointer;padding:12px 18px;transition:.2s}button:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.autosave-indicator{background:var(--color-card);border:1px solid var(--color-border);border-radius:25px;bottom:20px;box-shadow:var(--shadow-soft);padding:10px 16px;position:fixed;right:20px}@media (max-width:768px){.roadmap-create{margin:30px 15px;padding:25px}.roadmap-actions{flex-direction:column}button{width:100%}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a4d;inset:0;position:fixed;z-index:999}.modal{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-hover);left:50%;max-width:95%;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:420px;z-index:1000}.modal h3{margin-bottom:15px}.modal input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;margin-bottom:14px;padding:12px;width:100%}.modal input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.modal button{border:none;border-radius:10px;cursor:pointer;padding:10px 16px}.playlist-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.playlist-row input{flex:1 1}.playlist-row button{border:none;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:6px 10px}.modal textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;margin-bottom:14px;min-height:100px;padding:12px;width:100%}.modal textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.roadmap-flow-wrapper{background:var(--color-bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.roadmap-topbar{align-items:center;background:var(--color-card);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft);display:flex;justify-content:space-between;padding:18px 30px;z-index:10}.roadmap-topbar h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0}.roadmap-topbar button{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;margin-left:10px;padding:10px 16px;transition:all .2s ease}.roadmap-topbar button:first-of-type{background:var(--color-primary);color:#fff}.roadmap-topbar button:last-of-type{background:var(--color-success);color:#fff}.roadmap-flow{flex:1 1;min-height:0}.roadmap-flow .react-flow{background:var(--color-bg);height:100%!important;width:100%!important}.react-flow__minimap{border:1px solid var(--color-border)}.react-flow__controls,.react-flow__minimap{background:var(--color-card);border-radius:10px}.react-flow__controls{box-shadow:var(--shadow-soft)}.react-flow__controls button{background:var(--color-card);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.react-flow__controls button:hover{background:var(--color-bg)}@media (max-width:768px){.roadmap-topbar{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.roadmap-topbar button{margin-left:0;width:100%}}.delete-confirm-modal{background:var(--color-card);border-radius:14px;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;gap:16px;left:50%;max-width:90%;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:420px;z-index:1000}.delete-confirm-modal h3{color:var(--color-danger);margin:0}.delete-confirm-modal p{color:var(--color-text-muted);font-size:14px}.delete-confirm-modal input{border:1px solid var(--color-border);border-radius:8px;font-size:14px;outline:none;padding:10px 14px}.delete-actions{display:flex;gap:12px;justify-content:flex-end}.delete-btn{background:var(--color-danger);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px;transition:.2s}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{background:var(--color-border);border:none;border-radius:8px;cursor:pointer;padding:8px 14px}.edge-delete-btn{background:var(--color-danger);border:none;border-radius:12px;bottom:30px;box-shadow:var(--shadow-hover);color:#fff;font-weight:600;padding:12px 18px;position:fixed;right:30px;transition:all .2s ease;z-index:100}.edge-delete-btn:hover{transform:translateY(-2px)}.no-roadmap-state{align-items:center;background:var(--color-bg);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.no-roadmap-state h2{color:var(--color-text-primary);font-size:28px;font-weight:600;margin-bottom:10px}.no-roadmap-state p{color:var(--color-text-muted);line-height:1.6;margin-bottom:22px;max-width:420px}.no-roadmap-state button{background:var(--color-primary);border:none;border-radius:12px;box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .25s ease}.no-roadmap-state button:hover{box-shadow:var(--shadow-hover);cursor:pointer;transform:translateY(-2px)}.timer-bubble{align-items:center;background:var(--color-card);border:5px solid var(--color-border);border-radius:50%;bottom:24px;box-shadow:var(--shadow-soft);cursor:pointer;display:flex;height:70px;justify-content:center;position:fixed;right:24px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease;width:70px;z-index:1000}.timer-bubble:hover{box-shadow:var(--shadow-hover);transform:scale(1.08)}.timer-bubble.running{background:linear-gradient(135deg,#4f46e5,#06b6d4);box-shadow:0 0 20px #4f46e599;color:#fff}.timer-bubble.hidden{opacity:0;pointer-events:none;transform:scale(.6)}.bubble-time{font-size:14px;font-weight:600}.timer-panel-overlay{bottom:24px;position:fixed;right:24px;transform-origin:bottom right;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease;z-index:1000}.timer-panel-overlay.visible{opacity:1;pointer-events:auto;transform:scale(1)}.timer-panel-overlay.hidden{opacity:0;pointer-events:none;transform:scale(.35)}.timer-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;gap:24px;padding:28px;width:360px}.panel-header{align-items:center;display:flex;justify-content:space-between}.panel-header h3{font-size:18px;font-weight:600}.shrink-btn{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;font-size:16px;opacity:.6}.shrink-btn:hover{opacity:1}.mode-switch{display:flex;gap:8px}.mode-btn{background:#0000;border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:13px;padding:8px 10px}.mode-btn.active{background:var(--color-primary);border:none;color:#fff}.mode-btn:hover{border:none;box-shadow:none;color:#fff}.timer-display{font-size:56px;font-weight:700;letter-spacing:2px;text-align:center}.timer-controls{display:flex;gap:12px;justify-content:center}.control-btn{border:none;border-radius:14px;cursor:pointer;font-weight:600;padding:10px 18px}.control-btn.primary{background:var(--color-primary);color:#fff}.control-btn.pause{background:var(--color-danger);color:#fff}.control-btn.reset{background:#0000;border:2px solid var(--color-border);color:var(--color-text-primary)}.mode-note{color:#94a3b8;font-size:13px;line-height:1.4;margin-top:12px;padding:0 10px;text-align:center}.project-page{align-items:center;background:#0f172a;color:#fff;display:flex;justify-content:center;min-height:100vh}.project-card{background:#1e293b;border-radius:12px;padding:40px;text-align:center;width:600px}.project-card h1{margin-bottom:20px}.description{color:#cbd5f5;margin-bottom:30px}.complete-btn{background:#22c55e;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:14px 28px}.complete-btn:hover{background:#16a34a}.forgot-password{margin-bottom:10px;text-align:right}.forgot-password button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:13px}.guide-container{color:#1f2937;font-family:system-ui,-apple-system,sans-serif;line-height:1.75;margin:20px;padding:60px 20px}.guide-hero{margin-bottom:60px;text-align:center}.guide-hero h1{font-size:38px;font-weight:700;margin-bottom:15px}.guide-hero p{color:#6b7280;font-size:18px;margin:0 auto;max-width:640px}.guide-section{margin-bottom:55px}.guide-section h2{font-size:26px;font-weight:600;margin-bottom:12px}.guide-section p{color:#4b5563;font-size:16px;margin-bottom:18px}.guide-section ul{margin-bottom:20px;padding-left:20px}.guide-section li{color:#374151;margin-bottom:8px}.example{background:#f3f4f6;border-radius:8px;color:#374151;font-style:italic;margin-bottom:18px;padding:14px}.image-placeholder{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:10px;color:#9ca3af;display:flex;font-size:14px;height:220px;justify-content:center;margin-top:22px}.philosophy{background:#f9fafb;border:1px solid #f1f1f1;border-radius:12px;padding:30px}.log{height:320px;width:300px}.certificate-page{background:var(--color-bg);min-height:100vh;padding:40px}.certificate-actions{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.certificate-actions button{border:none;border-radius:10px;box-shadow:var(--shadow-soft);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .18s ease}.btn-download{background:var(--color-accent);border:1px solid var(--color-border);color:var(--color-text-opp)}.btn-download:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-share{background:var(--color-primary);color:var(--color-text-opp)}.btn-share:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.btn-linkedin{background:#0a66c2;color:#fff}.btn-linkedin:hover{background:#084c94;transform:translateY(-2px)}.certificate-container{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 25px 60px #00000014;height:700px;margin:auto;overflow:hidden;position:relative;width:1100px}.cert-gradient{background:radial-gradient(circle,#4f46e540 0,#4f46e514 40%,#0000 70%);height:500px;left:-120px;position:absolute;top:-120px;width:500px}.cert-gradient:after{background:radial-gradient(circle,#06b6d433 0,#06b6d414 40%,#0000 70%);bottom:-200px;content:"";height:600px;position:absolute;right:-200px;width:600px}.cert-content{color:#111827;font-family:system-ui;padding:90px;position:relative;text-align:center}.cert-brand{color:var(--color-primary);font-size:22px;font-weight:700;margin-bottom:30px}.cert-title{color:#111827;font-size:42px;margin-bottom:18px}.cert-subtitle{color:#6b7280;font-size:16px}.cert-name{color:#111827;font-size:38px;font-weight:700;margin:10px 0}.cert-course{color:var(--color-primary);font-size:26px;margin:10px 0 20px}.cert-creator,.cert-footer{color:#6b7280;font-size:14px}.cert-footer{display:flex;justify-content:space-between;margin-top:70px}.cert-issued strong{color:#111827;display:block;font-size:16px}.cert-id{font-family:monospace;font-size:13px;opacity:.8}.cert-invalid,.cert-loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:20px;height:60vh;justify-content:center}.policy-page{background:var(--color-bg);min-height:100vh;padding:60px 20px}.policy-container{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-soft);margin:auto;max-width:800px;padding:40px}.policy-container h1{font-size:30px;margin-bottom:20px}.policy-intro{color:var(--color-text-muted);margin-bottom:30px}.policy-container h2{font-size:20px;margin-bottom:10px;margin-top:30px}.policy-container p{line-height:1.7;margin-bottom:10px}.policy-container ul{margin-bottom:15px;margin-left:20px}.policy-container li{margin-bottom:6px}.policy-footer{color:var(--color-text-muted);font-size:14px;margin-top:40px}.policy-page p,ul{text-align:left}
/*# sourceMappingURL=main.e27b145e.css.map*/