*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;background:#f9fafb;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#7882a059;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.mn-spin{animation:.8s linear infinite mn-rotate}@keyframes mn-rotate{to{transform:rotate(360deg)}}.mn-shimmer{background:linear-gradient(100deg,#1a1e38 30%,#2a3057 50%,#1a1e38 70%) 0 0/200% 100%;animation:1.4s infinite mn-shimmer}@keyframes mn-shimmer{to{background-position:-200% 0}}.mn-pulse{animation:1.6s ease-out infinite mn-pulse}@keyframes mn-pulse{0%{box-shadow:0 0 #4f60fa8c}to{box-shadow:0 0 0 34px #4f60fa00}}.mn-toast-in{animation:.25s mn-toast}@keyframes mn-toast{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mn-lift{transition:transform .15s,box-shadow .15s}.mn-lift:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000040}.auth-page{color:#fff;background:#08070d;min-height:100vh;display:flex;overflow:hidden}.auth-hero{background:radial-gradient(900px 600px at -10% -20%,#f3c36b29,#0000 60%),radial-gradient(800px 700px at 110% 115%,#4f60fa2e,#0000 55%),linear-gradient(160deg,#0d0b14 0%,#14101d 55%,#0b0a12 100%);flex-direction:column;flex:1.15;justify-content:center;padding:64px 72px;display:flex;position:relative;overflow:hidden}.auth-orb{filter:blur(70px);opacity:.5;pointer-events:none;border-radius:50%;animation:9s ease-in-out infinite auth-float;position:absolute}.auth-orb.gold{background:radial-gradient(circle,#f3c36b8c,#0000 70%);width:340px;height:340px;top:-80px;right:-60px}.auth-orb.indigo{background:radial-gradient(circle,#5a68f373,#0000 70%);width:420px;height:420px;animation-delay:-4.5s;bottom:-140px;left:-100px}@keyframes auth-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(26px)scale(1.06)}}.auth-hero-content{z-index:1;max-width:520px;position:relative}.auth-feature{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:16px;margin-bottom:12px;padding:14px 16px;transition:transform .2s,border-color .2s,background .2s;display:flex}.auth-feature:hover{background:#f3c36b0f;border-color:#f3c36b59;transform:translate(6px)}.auth-panel{background:#100e17;border-left:1px solid #ffffff0f;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative}.auth-card{width:100%;max-width:440px;animation:.35s both auth-in}@keyframes auth-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-steps{gap:8px;margin-bottom:28px;display:flex}.auth-step-dot{background:#ffffff1a;border-radius:99px;flex:1;height:6px;transition:background .3s}.auth-step-dot.done{background:linear-gradient(90deg,#f3c36b,#d49a3d)}.role-card{cursor:pointer;text-align:left;color:#fff;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex}.role-card:hover{background:#f3c36b12;border-color:#f3c36bbf;transform:translateY(-3px);box-shadow:0 14px 38px #d49a3d38}.role-card:hover .role-arrow{color:#1a1205;background:linear-gradient(135deg,#f3c36b,#d49a3d);transform:translate(6px)}.role-icon{color:#1a1205;background:linear-gradient(135deg,#f3c36b,#d49a3d);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 6px 18px #d49a3d59}.role-arrow{color:#f3c36b;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .18s,background .18s,color .18s;display:flex}.auth-cta{cursor:pointer;color:#1a1205;background:linear-gradient(135deg,#f8d494 0%,#f3c36b 40%,#d49a3d 100%) 0 0/150% 150%;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px 24px;font-family:inherit;font-size:15.5px;font-weight:800;transition:transform .15s,box-shadow .15s,background-position .3s,opacity .15s;display:inline-flex;box-shadow:0 10px 26px #d49a3d52}.auth-cta:hover:not(:disabled){background-position:100%;transform:translateY(-2px);box-shadow:0 16px 34px #d49a3d73}.auth-cta:active:not(:disabled){transform:translateY(0)scale(.99)}.auth-cta:disabled{opacity:.55;cursor:not-allowed}.auth-ghost-link{cursor:pointer;color:#f3c36b;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.auth-ghost-link:hover{text-underline-offset:3px;text-decoration:underline}.auth-input{box-sizing:border-box;color:#fff;background:#ffffff0d;border:1.5px solid #ffffff24;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.auth-input:focus{background:#ffffff12;border-color:#f3c36b;box-shadow:0 0 0 4px #f3c36b24}.auth-input::placeholder{color:#ffffff59}@media (width<=920px){.auth-hero{display:none}.auth-panel{background:radial-gradient(700px 500px at 50% -10%,#f3c36b1f,#0000 60%),#0d0b14;border-left:none}}.uh-fade{animation:.4s both auth-in}.uh-card{cursor:pointer;background:#1a1e38;border:1px solid #ffffff14;border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.uh-card:hover{border-color:#5a68f38c;transform:translateY(-4px);box-shadow:0 16px 40px #080c2599,0 0 0 1px #5a68f340}.uh-thumb{transform-origin:50%;transition:transform .35s}.uh-card:hover .uh-thumb{transform:scale(1.05)}.uh-see-all{color:#bdc2ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;font-family:inherit;font-size:13.5px;font-weight:700;transition:gap .15s,color .15s;display:inline-flex}.uh-see-all:hover{color:#fff;gap:8px}.uh-kicker{vertical-align:-3px;background:linear-gradient(#5a68f3,#7b88dd);border-radius:4px;width:4px;height:18px;margin-right:10px;display:inline-block}.uh-cta{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff59;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:800;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.uh-cta:hover{background:#ffffff42;transform:translateY(-2px);box-shadow:0 10px 26px #0000004d}.uh-online-dot{position:relative}.uh-online-dot:after{content:"";background:#22c55e80;border-radius:50%;animation:1.8s ease-out infinite uh-ping;position:absolute;inset:0}@keyframes uh-ping{0%{opacity:.8;transform:scale(1)}80%,to{opacity:0;transform:scale(2.4)}}.uh-avatar-ring{background:linear-gradient(135deg,#5a68f3,#7b88dd 55%,#f3c36b);border-radius:50%;padding:3px}.cs-course-item{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.cs-course-item:hover{border-color:#f5a623;transform:translate(3px)}.cs-course-item.active{background:linear-gradient(135deg,#fff8ec,#fff2dc);border-color:#f5a623;box-shadow:0 8px 22px #f5a6232e}.cs-lesson-row{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.cs-lesson-row:hover{border-color:#f5a623;box-shadow:0 6px 18px #1f293714}.cs-icon-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:inline-flex}.cs-icon-btn:hover{color:#b45309;background:#fff8ec;border-color:#f5a623}.cs-icon-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#ef4444}.cs-dropzone{text-align:center;cursor:pointer;background:#fffbf2;border:2px dashed #e2c58a;border-radius:16px;padding:34px 20px;transition:border-color .15s,background .15s,transform .15s}.cs-dropzone:hover,.cs-dropzone.drag{background:#fff4df;border-color:#f5a623;transform:scale(1.005)}.cs-input{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:11px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.cs-input:focus{border-color:#f5a623;box-shadow:0 0 0 4px #f5a62324}.cs-input::placeholder{color:#b7bcc5}.cs-seg{background:#f3f4f6;border-radius:11px;gap:4px;padding:4px;display:flex}.cs-seg button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.cs-seg button.on{color:#92400e;background:#fff;box-shadow:0 2px 8px #1f29371f}.cs-seg button.on.green{color:#15803d}.cs-cover{aspect-ratio:16/6.5;cursor:pointer;background:#fffbf2;border:2px dashed #e2c58a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.cs-cover:hover,.cs-cover.drag{background:#fff4df;border-color:#f5a623}.cs-cover.has-img{border-style:solid;border-color:#e5e7eb}.cs-cover .cs-cover-overlay{color:#fff;opacity:0;background:#0a0a0e73;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:800;transition:opacity .15s;display:flex;position:absolute;inset:0}.cs-cover.has-img:hover .cs-cover-overlay{opacity:1}