:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{color:#fff;z-index:100;background-color:#0a0a0a;width:100%;position:sticky;top:0;box-shadow:0 2px 6px #0000004d}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.8rem 2rem;display:flex}.logo a{color:#fff;letter-spacing:1px;font-size:1.4rem;font-weight:700;text-decoration:none;transition:color .3s}.logo a:hover{color:gold}.nav ul{gap:1.5rem;list-style:none;display:flex}.nav a{color:#ccc;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover,.nav a.active{color:gold}.auth-buttons{gap:.8rem;display:flex}.btn{border-radius:4px;padding:.4rem 1rem;font-weight:600;text-decoration:none;transition:background-color .3s}.login-btn{color:gold;background-color:#0000;border:1px solid gold}.login-btn:hover,.register-btn{color:#000;background-color:gold}.register-btn:hover{background-color:#fc0}.menu-toggle{cursor:pointer;flex-direction:column;gap:4px;display:none}.menu-toggle .bar{background-color:#fff;width:25px;height:3px;transition:all .3s}@media (max-width:768px){.nav{background-color:#111;flex-direction:column;align-items:center;width:100%;padding:1rem 0;display:none;position:absolute;top:64px;left:0}.nav.open{display:flex}.nav ul{flex-direction:column;gap:1rem}.auth-buttons{display:none}.menu-toggle{display:flex}}.footer{color:#ccc;background-color:#0a0a0a;border-top:2px solid #222;padding:3rem 1.5rem 1rem;font-family:Inter,sans-serif}.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.footer-about h2{color:gold;margin-bottom:.8rem;font-size:1.5rem}.footer-about p{color:#bbb;font-size:.95rem;line-height:1.6}.footer-links h3,.footer-social h3{color:#fff;margin-bottom:.8rem;font-size:1.1rem;position:relative}.footer-links ul{padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#bbb;text-decoration:none;transition:color .3s}.footer-links a:hover{color:gold}.social-icons{gap:1rem;display:flex}.social-icons a{color:#ccc;font-size:1.4rem;transition:color .3s}.social-icons a:hover{color:gold}.footer-bottom{text-align:center;color:#888;border-top:1px solid #222;margin-top:2rem;padding-top:1rem;font-size:.9rem}@media (max-width:768px){.footer-container{text-align:center;grid-template-columns:1fr}.social-icons{justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f4f4;min-width:100vw;height:100vh;font-family:Arial,sans-serif;line-height:1.6}.main-page{background-color:#f8f8f8;flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:2rem}:root{--bg:#0a0a0a;--card:#0f0f0f;--accent:gold;--muted:#bdbdbd;--glass:#ffffff08;--radius:12px;--maxw:420px}html,body,#root{color:#111;background-color:#faf9f5;height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.login-page{justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2rem;display:flex}.login-card{width:100%;max-width:var(--maxw);border-radius:var(--radius);color:#fff;background:linear-gradient(#0b0b0b 0%,#0f0f0f 100%);border:1px solid #ffd7000f;padding:2rem;box-shadow:0 10px 30px #0a0a0a73}.login-logo{justify-content:center;align-items:center;gap:.9rem;margin-bottom:1rem;display:flex}.login-logo svg{border-radius:10px;flex-shrink:0;box-shadow:0 6px 18px #00000080}.login-logo h1{color:var(--accent);letter-spacing:.4px;margin:0;font-size:1.4rem;font-weight:700}.login-form{flex-direction:column;gap:.8rem;display:flex}.login-error{color:#ffb3b3;background:#ff000014;border:1px solid #ff00001f;border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.label-text{color:#ddd;font-size:.85rem}.field input[type=text],.field input[type=password],.field input[type=email]{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;outline:none;padding:.7rem .9rem;font-size:.95rem;transition:box-shadow .15s,border-color .15s}.password-wrapper{align-items:center;gap:.5rem;display:flex}.password-wrapper input{flex:auto}.show-toggle{color:#ffd;cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:8px;padding:.45rem .6rem;font-size:.82rem}.extras{color:var(--muted);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.remember input{margin-right:.4rem}.signup-cta{color:#ddd;text-align:center;margin:0;font-size:.9rem}.link-register{color:var(--accent);font-weight:700;text-decoration:none}.link-register:hover{text-decoration:underline}@media (max-width:520px){.login-card{border-radius:10px;padding:1.25rem}.login-logo h1{font-size:1.1rem}}:root{--bg:#0a0a0a;--card:#0f0f0f;--accent:gold;--muted:#bdbdbd;--radius:12px;--maxw:420px}.register-page{background-color:#faf9f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.register-card{width:100%;max-width:var(--maxw);border-radius:var(--radius);color:#fff;background:linear-gradient(#0b0b0b 0%,#0f0f0f 100%);border:1px solid #ffd7000f;padding:2rem;box-shadow:0 10px 30px #00000073}.register-logo{justify-content:center;align-items:center;gap:.9rem;margin-bottom:1.5rem;display:flex}.register-logo h1{color:var(--accent);margin:0;font-size:1.4rem;font-weight:700}.register-form{flex-direction:column;gap:.9rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field span{color:#ddd;font-size:.85rem}.field input{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;outline:none;padding:.7rem .9rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--accent);box-shadow:0 6px 18px #ffd70014}.btn.submit{background:linear-gradient(90deg,var(--accent),#ffb200);color:#000;cursor:pointer;border:none;border-radius:10px;padding:.85rem 1rem;font-weight:700;transition:transform .12s,box-shadow .12s}.btn.submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffb0001f}.register-error{color:#ffb3b3;background:#ff000014;border:1px solid #ff00001f;border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.divider{background:#ffffff0a;height:1px;margin:.8rem 0}.login-cta{color:#ddd;text-align:center;font-size:.9rem}.link-login{color:var(--accent);font-weight:700;text-decoration:none}.link-login:hover{text-decoration:underline}@media (max-width:520px){.register-card{border-radius:10px;padding:1.25rem}.register-logo h1{font-size:1.1rem}}.role-selector{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.role-selector label{cursor:pointer;color:#ddd;align-items:center;gap:.4rem;font-size:.95rem;display:flex}.role-selector span{color:#ffc107;margin-bottom:.2rem;font-weight:600}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}