@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--accent: #FF2D55;--accent-glow: rgba(255, 45, 85, .38);--blue: #0A84FF;--green: #30D158;--gold: #FFD60A;--purple: #BF5AF2;--orange: #FF9F0A;--glass: rgba(255, 255, 255, .08);--glass-mid: rgba(255, 255, 255, .12);--glass-high: rgba(255, 255, 255, .18);--glass-nav: rgba(10, 18, 40, .72);--gb: rgba(255, 255, 255, .07);--gbt: rgba(255, 255, 255, .18);--line: rgba(255, 255, 255, .1);--line-mid: rgba(255, 255, 255, .16);--text: rgba(255, 255, 255, .95);--text-s: rgba(255, 255, 255, .55);--text-f: rgba(255, 255, 255, .28);--font-d: "Syne", -apple-system, sans-serif;--font-b: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-m: "JetBrains Mono", monospace;--font-sys: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--radius: 18px;--radius-sm: 14px;--radius-lg: 24px;--radius-xl: 28px;--wallpaper: linear-gradient(160deg, #0d1e3d 0%, #08122a 30%, #0e2040 60%, #060d1e 100%);--blur-sm: blur(20px);--blur-md: blur(36px);--blur-lg: blur(52px)}[data-theme=light]{--glass: rgba(255,255,255,.55);--glass-mid: rgba(255,255,255,.7);--glass-high: rgba(255,255,255,.85);--glass-nav: rgba(240,245,255,.82);--gb: rgba(255,255,255,.5);--gbt: rgba(255,255,255,.8);--line: rgba(0,0,0,.07);--line-mid: rgba(0,0,0,.1);--text: rgba(0,0,0,.88);--text-s: rgba(0,0,0,.5);--text-f: rgba(0,0,0,.28);--wallpaper: linear-gradient(160deg,#c8deff 0%,#d8e8ff 30%,#cfe4ff 60%,#d4e6ff 100%)}[data-theme=light] body:before{background:radial-gradient(circle,rgba(100,160,255,.22) 0%,transparent 65%)}[data-theme=light] body:after{background:radial-gradient(circle,rgba(80,130,240,.16) 0%,transparent 65%)}[data-theme=light] .bottom-nav{background:#dce8ffd1;border-top:.5px solid rgba(255,255,255,.9)}[data-theme=light] .card,[data-theme=light] .card-mid{box-shadow:0 8px 32px #00000014,inset 0 1px #ffffffe6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{background:var(--wallpaper);background-attachment:fixed;transition:background .4s ease;color:var(--text);font-family:var(--font-b);min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}body:before{width:500px;height:500px;top:-120px;left:-80px;background:radial-gradient(circle,rgba(80,130,220,.18) 0%,transparent 65%);animation:globalOrb1 18s ease-in-out infinite}body:after{width:400px;height:400px;bottom:-80px;right:-60px;background:radial-gradient(circle,rgba(40,80,180,.15) 0%,transparent 65%);animation:globalOrb2 22s ease-in-out infinite}@keyframes globalOrb1{0%,to{transform:translate(0)}50%{transform:translate(30px,40px)}}@keyframes globalOrb2{0%,to{transform:translate(0)}50%{transform:translate(-25px,-30px)}}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.card{background:var(--glass);border:.5px solid var(--line-mid);border-radius:var(--radius);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);padding:18px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff26}.card:before{content:"";position:absolute;top:0;left:8%;right:8%;height:.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card-mid{background:var(--glass-mid);border:.5px solid var(--line-mid);border-radius:var(--radius);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);padding:18px;position:relative;overflow:hidden;box-shadow:0 8px 36px #00000047,inset 0 1px #ffffff2e}.card-mid:before{content:"";position:absolute;top:0;left:5%;right:5%;height:.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:50px;font-family:var(--font-b);font-weight:600;font-size:15px;cursor:pointer;transition:all .18s cubic-bezier(.22,1,.36,1);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;letter-spacing:-.01em}.btn:active{transform:scale(.95)}.btn-primary{background:var(--accent);color:#fff;padding:14px 28px;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 28px var(--accent-glow);filter:brightness(1.08)}.btn-outline{background:var(--glass);color:var(--text);padding:13px 28px;border:.5px solid var(--gbt);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-outline:hover{background:var(--glass-mid)}.btn-dark{background:var(--glass);color:var(--text);padding:14px 28px;border:.5px solid var(--line-mid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-dark:hover{background:var(--glass-mid)}.btn-sm{font-size:13px;padding:9px 18px}.btn-full{width:100%}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:50px;font-family:var(--font-b);letter-spacing:.03em;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.badge-free{background:#30d15826;color:var(--green);border:.5px solid rgba(48,209,88,.3)}.badge-paid{background:#ffd60a26;color:var(--gold);border:.5px solid rgba(255,214,10,.3)}.badge-age{background:#0a84ff26;color:var(--blue);border:.5px solid rgba(10,132,255,.3)}.badge-done{background:#30d15826;color:var(--green);border:.5px solid rgba(48,209,88,.3)}.badge-locked{background:#ffffff0f;color:var(--text-f);border:.5px solid var(--line)}.chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:500;background:var(--glass);border:.5px solid var(--line-mid);color:var(--text-s);cursor:pointer;transition:all .18s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chip.active{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 0 16px var(--accent-glow)}.chip:hover:not(.active){background:var(--glass-mid);color:var(--text)}.h1{font-family:var(--font-d);font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.03em}.h2{font-family:var(--font-d);font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.02em}.h3{font-family:var(--font-d);font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-s)}.mono{font-family:var(--font-m)}.divider{height:.5px;background:var(--line-mid);margin:16px 0}.input{width:100%;background:var(--glass);border:.5px solid var(--line-mid);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-b);font-size:15px;padding:14px 16px;outline:none;transition:all .2s cubic-bezier(.22,1,.36,1);-webkit-appearance:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.input:focus{border-color:#ff2d5580;box-shadow:0 0 0 3px #ff2d551f;background:var(--glass-mid)}.input::placeholder{color:var(--text-f)}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-label{font-size:12px;font-weight:600;color:#b4dcffb3;letter-spacing:.06em;text-transform:uppercase}.progress-bar{height:4px;background:var(--glass-mid);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:2px;transition:width .5s cubic-bezier(.22,1,.36,1)}.screen{min-height:100vh;padding-bottom:100px}.screen-content{padding:0 16px}.status-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:13px;font-weight:600;color:var(--text)}.page-header{padding:16px 20px 12px}.section{margin-bottom:24px}.section-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:-.01em}.list-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:.5px solid var(--line)}.list-item:last-child{border-bottom:none}.glow-accent{box-shadow:0 0 24px var(--accent-glow)}.glow-blue{box-shadow:0 0 24px #0a84ff52}.glow-green{box-shadow:0 0 24px #30d15852}.loader{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;gap:16px}.spinner{width:36px;height:36px;border:2.5px solid var(--glass-mid);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bg-blob{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.bg-blob-1{width:300px;height:300px;background:#5082dc1f;top:-100px;right:-100px}.bg-blob-2{width:250px;height:250px;background:#2850b41a;bottom:100px;left:-80px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-full{width:100%}.text-accent{color:var(--accent)}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-gold{color:var(--gold)}.text-purple{color:var(--purple)}.text-secondary{color:var(--text-s)}.text-faint{color:var(--text-f)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:18px}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-16{padding:16px}.p-20{padding:20px}.scroll-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.scroll-row::-webkit-scrollbar{display:none}.course-card{background:var(--glass);border:.5px solid var(--line-mid);border-radius:var(--radius);overflow:hidden;flex-shrink:0;width:220px;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff1f}.course-card:active{transform:scale(.96)}.course-card-cover{height:120px;background:linear-gradient(135deg,#ff2d5533,#bf5af233);display:flex;align-items:center;justify-content:center;font-size:40px}.course-card-body{padding:14px}.day-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:background .18s;margin-bottom:8px}.day-item:active{background:var(--glass)}.day-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.day-done .day-number{background:#30d1582e;color:var(--green);border:.5px solid rgba(48,209,88,.3)}.day-today .day-number{background:var(--accent);color:#fff;box-shadow:0 0 16px var(--accent-glow)}.day-locked .day-number{background:var(--glass);color:var(--text-f);border:.5px solid var(--line)}.ref-code-box{background:var(--glass);border:.5px solid var(--gbt);border-radius:var(--radius-sm);padding:20px;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ref-code{font-family:var(--font-m);font-size:28px;font-weight:700;letter-spacing:.1em;color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.stat-card{background:var(--glass);border:.5px solid var(--line-mid);border-radius:var(--radius-sm);padding:16px;text-align:center;flex:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff1f}.stat-value{font-family:var(--font-d);font-size:28px;font-weight:700}.stat-label{font-size:11px;color:var(--text-s);margin-top:4px}.avatar{border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--accent),var(--purple));display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:700;color:#fff;flex-shrink:0}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:#b4dcffa6;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:.5px solid var(--line)}.table td{padding:12px;border-bottom:.5px solid var(--line);color:var(--text)}.table tr:last-child td{border-bottom:none}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:100px}.bar{flex:1;background:linear-gradient(to top,var(--accent),var(--purple));border-radius:4px 4px 0 0;min-height:4px;transition:height .4s cubic-bezier(.22,1,.36,1);opacity:.85}.bar-label{font-size:10px;color:var(--text-f);text-align:center;margin-top:6px}.video-container{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9}.video-container video{width:100%;height:100%;object-fit:contain}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--glass-mid);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:.5px solid var(--line-mid);border-radius:50px;padding:12px 24px;font-size:14px;font-weight:500;z-index:200;white-space:nowrap;animation:toastIn .3s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff26}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:#080e20d9;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-right:.5px solid var(--line-mid);padding:24px 0;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;overflow-y:auto}.admin-main{flex:1;margin-left:220px;padding:24px;max-width:100%}.sidebar-link{display:flex;align-items:center;gap:10px;padding:12px 20px;color:var(--text-s);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border-left:2px solid transparent}.sidebar-link:hover,.sidebar-link.active{background:var(--glass);color:var(--text);border-left-color:var(--accent)}@media (max-width: 768px){.admin-sidebar{width:60px}.admin-sidebar .sidebar-label{display:none}.admin-main{margin-left:60px;padding:16px}}