*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#04080f;color:#f0f0ff;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#04080f}::-webkit-scrollbar-thumb{background:#0d2a5a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a4080}h1,h2,h3,h4,h5,h6{color:#f4f4ff;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.spinner-sm{width:18px;height:18px;border-width:2px}.card-3d{background:linear-gradient(145deg,#060e20,#0a1830);box-shadow:6px 6px 12px #010509,-6px -6px 12px #061530,0 0 20px #00c8ff59,0 0 50px #0096ff26;border-radius:16px;border:1px solid rgba(0,220,255,.55);transition:transform .2s ease,box-shadow .2s ease}.card-3d:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #010509,-8px -8px 16px #061530,0 0 30px #00dcff80,0 0 70px #0af3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:15px;font-weight:700;transition:all .2s ease;border:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);color:#fff;box-shadow:0 4px 15px #1d4ed859}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #1d4ed88c}.btn-secondary{background:linear-gradient(145deg,#060e20,#0a1830);color:#93c5fd;border:1px solid rgba(96,165,250,.2);box-shadow:4px 4px 8px #010509,-4px -4px 8px #061530}.btn-success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-ghost{background:transparent;color:#c7c7de;border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover:not(:disabled){background:#ffffff0d}.input-3d{background:linear-gradient(145deg,#040810,#071020);border:1px solid rgba(50,150,255,.2);border-radius:10px;color:#f0f0ff;padding:12px 16px;font-size:15px;width:100%;transition:all .2s ease;box-shadow:inset 2px 2px 5px #020509,inset -2px -2px 5px #0a1830}.input-3d:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f626,inset 2px 2px 5px #020509}.input-3d::placeholder{color:#ffffff4d}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-purple{background:#2563eb33;color:#60a5fa;border:1px solid rgba(37,99,235,.3)}.badge-green{background:#2ecc7126;color:#7ef6a3;border:1px solid rgba(46,204,113,.3)}.badge-orange{background:#ff980026;color:#ffb347;border:1px solid rgba(255,152,0,.3)}.badge-red{background:#f4433626;color:#ff6b6b;border:1px solid rgba(244,67,54,.3)}.badge-blue{background:#2196f326;color:#90caf9;border:1px solid rgba(33,150,243,.3)}.page-wrapper{min-height:100vh;padding-top:72px;background:radial-gradient(ellipse 22% 18% at 50% 0%,rgba(220,248,255,1) 0%,rgba(100,220,255,.95) 20%,rgba(0,160,255,.7) 50%,transparent 80%),radial-gradient(ellipse 60% 42% at 50% 0%,rgba(0,120,255,.85) 0%,rgba(0,65,200,.5) 45%,transparent 78%),radial-gradient(ellipse 95% 60% at 50% 0%,rgba(0,50,140,.55) 0%,transparent 72%),#04080f}.divider{height:1px;background:#ffffff12;margin:16px 0}.quizlos-footer{background:#1a1e29;color:#e0e0f0;margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}.footer-handle-wrap{display:flex;justify-content:center;width:100%;padding:8px 0 10px;background:transparent;border:0;cursor:pointer}.footer-handle{width:36px;height:4px;border-radius:999px;background:#94a3b8e6}.footer-handle-wrap:hover .footer-handle{background:#60a5faf2}.quizlos-footer.is-collapsed{background:transparent;border-top:0}.quizlos-footer.is-collapsed .footer-handle-wrap{position:fixed;left:50%;bottom:22px;transform:translate(-50%);width:auto;padding:8px 12px;border-radius:999px;background:#0f172ac7;border:1px solid rgba(148,163,184,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200}.footer-details[hidden]{display:none!important}.footer-columns{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:32px;max-width:1200px;margin:0 auto;padding:40px 24px 24px}.footer-col-brand{padding-right:24px}.footer-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:20px;font-weight:700;margin-bottom:16px}.footer-logo:hover{color:#60a5fa}.footer-logo-icon{width:40px;height:40px}.footer-logo-text{font-weight:800}.footer-contact-label{margin:0 0 8px;font-size:13px;color:#94a3b8}.footer-email{color:#60a5fa;text-decoration:none;font-size:14px}.footer-email:hover{color:#93c5fd}.footer-col-title{margin:0 0 16px;font-size:14px;font-weight:600;color:#fff}.footer-link{display:block;color:#94a3b8;text-decoration:none;font-size:13px;padding:4px 0}.footer-link:hover{color:#60a5fa}.footer-social-row{display:flex;flex-wrap:wrap;gap:10px}.footer-social-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#e0e0f0;text-decoration:none}.footer-social-icon:hover{background:#00c8ff33;border-color:#00c8ff66}.footer-bottom{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.footer-copyright{font-size:12px;color:#64748b}@media (max-width: 900px){.footer-columns{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.footer-columns{grid-template-columns:1fr;gap:24px;padding:28px 16px 20px}.footer-col-brand{padding-right:0}}