:root{--primary-blue:#6366f1;--primary-blue-hover:#4f46e5;--primary-blue-light:#818cf8;--primary-blue-dark:#3730a3;--primary-blue-glow:#6366f14d;--secondary-blue:#3b82f6;--secondary-blue-hover:#2563eb;--secondary-blue-light:#60a5fa;--secondary-blue-dark:#1e40af;--dark-blue:#1e293b;--darker-blue:#0f172a;--darkest-blue:#020617;--black-primary:#0a0a0a;--black-secondary:#1a1a1a;--black-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-disabled:#64748b;--border-primary:#334155;--border-secondary:#475569;--border-accent:#6366f1;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--bg-card:#0a0a0a;--bg-overlay:#000c;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6}body{color:var(--text-primary);background:linear-gradient(135deg,#000 0%,#0a0a0a 60%,#0f0f1a 90%,#1a1a2f 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;transition:all .3s}.card:hover{border-color:var(--border-accent);box-shadow:0 0 20px var(--primary-blue-glow)}.btn-primary{background:var(--primary-blue);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-primary:hover{background:var(--primary-blue-hover);box-shadow:0 0 15px var(--primary-blue-glow)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-primary);background:0 0;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-secondary:hover{border-color:var(--border-accent);background:#6366f11a}.input{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:8px;padding:12px 16px;transition:all .3s}.input:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--primary-blue-glow);outline:none}.input::placeholder{color:var(--text-muted)}.progress-bar{background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));height:100%;transition:width .3s}.badge{background:var(--primary-blue);color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.badge-success{background:var(--success-color)}.badge-warning{background:var(--warning-color)}.badge-error{background:var(--error-color)}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-item{color:var(--text-secondary);transition:all .3s}.sidebar-item:hover{color:var(--primary-blue);background:#6366f11a}.sidebar-item.active{color:var(--primary-blue);background:var(--primary-blue)}.sidebar-item.active:hover{background:var(--primary-blue-hover)}.video-player{background:var(--black-primary);border-radius:12px;overflow:hidden}.video-controls{background:linear-gradient(transparent,var(--bg-overlay));color:#fff}.video-progress{background:#ffffff4d}.video-progress-fill{background:var(--primary-blue)}.community-post{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;transition:all .3s}.community-post:hover{border-color:var(--border-accent);box-shadow:0 0 15px var(--primary-blue-glow)}@keyframes glow{0%,to{box-shadow:0 0 20px var(--primary-blue-glow)}50%{box-shadow:0 0 40px #6366f199}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.glow{animation:2s ease-in-out infinite glow}.pulse{animation:2s ease-in-out infinite pulse}@media (max-width:768px){.card{margin:8px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:14px}}@media (prefers-color-scheme:dark){:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}