:root{--bg:#000;--card:#111;--muted:#d1d5db;--accent1:#7c3aed;--accent2:#06b6d4}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#000;background:var(--bg);color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}a{color:inherit;text-decoration:none;transition:color .3s ease,text-shadow .3s ease}a:hover{color:#06b6d4;color:var(--accent2);text-shadow:0 0 6px #06b6d4b3}.app{min-height:100vh}.container{margin:28px auto;max-width:1100px;padding:0 18px}.navbar{background:linear-gradient(90deg,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--accent1),var(--accent2));border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000080;gap:16px;justify-content:space-between;padding:14px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.navbar,.navbar .logo{align-items:center;display:flex}.navbar .logo{color:#fff;font-size:22px;font-weight:800;gap:8px;letter-spacing:1px}.nav-links{gap:14px}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{border-radius:10px;color:#fff;gap:8px;padding:8px 14px;transition:background .3s ease,transform .2s ease}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-link.active{background:linear-gradient(90deg,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff}.auth-container{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:28px}.auth-card{background:#111;background:var(--card);border-radius:14px;box-shadow:0 10px 40px #06b6d440,0 10px 50px #7c3aed40;padding:28px;transition:transform .3s ease;width:420px}.auth-card:hover{transform:translateY(-6px)}.auth-header{color:#06b6d4;color:var(--accent2);font-weight:600;margin-bottom:14px;text-align:center}.auth-toggle{display:flex;gap:8px;margin-bottom:14px}.auth-toggle button{background:#000;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;padding:10px 12px;transition:background .3s ease}.auth-toggle button:hover{background:#7c3aed1a}.auth-toggle button.active{background:linear-gradient(90deg,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--accent1),var(--accent2));border:none;color:#fff}.input-group{align-items:center;display:flex;gap:8px;margin-bottom:10px}.input-group input,.input-group select{background:#111;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;padding:12px 14px;transition:border .3s ease}.input-group input:focus,.input-group select:focus{border-color:#06b6d4;border-color:var(--accent2);outline:none}button{cursor:pointer}.btn-primary{background:linear-gradient(90deg,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--accent1),var(--accent2));border:none;border-radius:12px;color:#fff;font-weight:600;padding:12px 16px;transition:transform .2s ease,box-shadow .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #06b6d466,0 6px 25px #7c3aed66;transform:translateY(-2px)}.btn-light{background:#111;border:1px solid #fff3;border-radius:10px;color:#06b6d4;color:var(--accent2);padding:10px 14px;transition:background .3s ease}.btn-light:hover{background:#06b6d41a}.card{background:#111;border-radius:14px;box-shadow:0 6px 20px #0009,0 0 12px #7c3aed59,0 0 18px #06b6d459;padding:18px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 28px #000c,0 0 18px #7c3aed80,0 0 26px #06b6d480;transform:translateY(-4px)}.course-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:20px}.course-card{background:#111;background:var(--card);border-radius:12px;color:inherit;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:12px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{box-shadow:0 8px 30px #7c3aed66,0 8px 40px #06b6d466;transform:translateY(-5px)}.course-card img{border-radius:10px;height:140px;object-fit:cover;width:100%}.progress-bar{background:#222;border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--accent1),var(--accent2));height:100%;transition:width .4s ease}.avatar-preview{align-items:center;background:#111;border-radius:16px;box-shadow:0 6px 25px #7c3aed4d;display:flex;height:140px;justify-content:center;overflow:hidden;width:140px}@media (max-width:900px){.course-header{align-items:center;flex-direction:column}.course-img{width:100%}}.quiz-container{align-items:center;display:flex;flex-direction:column;padding:2rem}.quiz-title{color:#06b6d4;color:var(--accent2);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.quiz-card{background:#0000;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:none;color:#fff;max-width:600px;padding:2rem;width:100%}.question{font-size:1.2rem;margin-bottom:1rem}.options{grid-gap:.8rem;display:grid;gap:.8rem}.option-btn{background:#111;border:1px solid #ffffff1a;border-radius:.5rem;color:#ccc;cursor:pointer;padding:.8rem 1rem;transition:background .3s ease,transform .2s ease,color .3s ease}.option-btn:hover{background:#7c3aed33;color:#fff;transform:translateY(-2px)}.option-btn.selected{background:linear-gradient(90deg,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--accent1),var(--accent2));border:none;color:#fff}.timer{color:#06b6d4;color:var(--accent2);font-weight:700;margin-top:1rem;text-align:right}.quiz-results{background:#0000;border-radius:1rem;padding:2rem;text-align:center}.module-card,.quiz-results{border:1px solid #ffffff1a;box-shadow:none;color:#fff}.module-card{background:#0000!important;border-radius:1rem;padding:1.5rem}
/*# sourceMappingURL=main.53e9fa90.css.map*/