@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html[data-theme=light] body{background:#f1f5f9;color:#0f172a;font-family:Inter,system-ui,sans-serif}html[data-theme=dark] body{background:#0d1b2a;color:#f0f4f8;font-family:Inter,system-ui,sans-serif}html:not([data-theme]) body{background:#f1f5f9;color:#0f172a;font-family:Inter,system-ui,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes flash{0%{opacity:0;transform:scale(.88)}15%{opacity:1;transform:scale(1.02)}85%{opacity:1}to{opacity:0;transform:scale(.95)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade{animation:fadeIn .45s ease both}.slide{animation:slideUp .5s ease both}.login-screen{--teal: #0fb5a6;--blue: #2d7ff0;--blue-d: #1e6fd0;--violet: #7c3aed;--txt: #ffffff;--txt-soft: rgba(255,255,255,.68);--txt-mut: rgba(255,255,255,.5);--glass: rgba(255,255,255,.08);--glass-bd: rgba(255,255,255,.18);--field: rgba(255,255,255,.06);position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.25rem;overflow:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(120% 90% at 50% -10%,#0d2a4a,#081b31 55%,#060f1f)}.login-aurora{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}.blob-1{width:48vw;height:48vw;max-width:620px;max-height:620px;background:var(--teal);top:-12%;left:-8%;animation:drift1 19s ease-in-out infinite alternate}.blob-2{width:44vw;height:44vw;max-width:560px;max-height:560px;background:var(--blue-d);bottom:-14%;right:-8%;animation:drift2 23s ease-in-out infinite alternate}.blob-3{width:34vw;height:34vw;max-width:440px;max-height:440px;background:var(--violet);top:26%;right:14%;opacity:.4;animation:drift3 27s ease-in-out infinite alternate}.blob-4{width:30vw;height:30vw;max-width:380px;max-height:380px;background:#0e6ba8;bottom:6%;left:20%;animation:drift1 21s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(8%,7%) scale(1.14)}}@keyframes drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-7%,-6%) scale(1.1)}}@keyframes drift3{0%{transform:translate(0) scale(1)}to{transform:translate(6%,-9%) scale(1.18)}}.login-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%)}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.particle{position:absolute;background:#fff;border-radius:50%;opacity:0;box-shadow:0 0 6px 1px #ffffff8c;animation-name:floatUp;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes floatUp{0%{transform:translateY(18px);opacity:0}20%{opacity:.85}80%{opacity:.6}to{transform:translateY(-60px);opacity:0}}.login-card{position:relative;z-index:2;width:min(94vw,400px);padding:2.1rem 1.9rem 1.7rem;border-radius:22px;background:var(--glass);border:1px solid var(--glass-bd);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff2e;color:var(--txt);animation:cardIn .5s cubic-bezier(.2,.8,.3,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lf{animation:itemIn .45s cubic-bezier(.2,.8,.3,1) both}.lf-1{animation-delay:.12s}.lf-2{animation-delay:.2s}.lf-3{animation-delay:.28s}.lf-4{animation-delay:.36s}.lf-5{animation-delay:.44s}@keyframes itemIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-emblem{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.6rem}.login-emblem-mark{position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;font-size:1.85rem;margin-bottom:1rem;box-shadow:0 12px 30px #0fb5a66b,inset 0 0 0 1px #ffffff47}.login-emblem-mark:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.login-emblem-name{font-size:2rem;font-weight:800;letter-spacing:.05em;line-height:1;margin:0;color:#fff}.login-emblem-sub{margin-top:.5rem;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}.login-error{display:flex;align-items:center;gap:.5rem;background:#f8717124;border:1px solid rgba(248,113,113,.4);border-radius:11px;padding:.65rem .85rem;font-size:.82rem;color:#fecaca;margin-bottom:1rem}.login-field{position:relative;margin-bottom:1rem}.login-field .field-icon{position:absolute;left:.95rem;top:1.05rem;z-index:1;color:var(--txt-mut);font-size:1rem;pointer-events:none;transition:color .2s}.login-field input{width:100%;box-sizing:border-box;padding:1.45rem .95rem .6rem 2.65rem;background:var(--field);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.login-field input::placeholder{color:transparent}.login-field input:focus{border-color:var(--teal);background:#ffffff1a;box-shadow:0 0 0 4px #0fb5a62e}.login-field input:focus~.field-icon{color:var(--teal)}.login-field label{position:absolute;left:2.65rem;top:1.05rem;color:var(--txt-mut);font-size:.95rem;pointer-events:none;transition:all .16s ease}.login-field input:focus+label,.login-field input:not(:placeholder-shown)+label{top:.46rem;left:2.65rem;font-size:.64rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--teal)}.login-eye{position:absolute;right:.5rem;top:.62rem;width:34px;height:34px;border-radius:9px;background:none;border:none;cursor:pointer;color:var(--txt-mut);font-size:.95rem;transition:color .2s,background .2s}.login-eye:hover{color:#fff;background:#ffffff14}.btn-login{position:relative;overflow:hidden;width:100%;padding:.95rem;border:none;border-radius:12px;background:linear-gradient(100deg,var(--teal),var(--blue));color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 12px 26px #146eb466;transition:transform .15s ease}.btn-login:hover:not(:disabled){transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:scale(.985)}.btn-login:disabled{opacity:.8;cursor:progress}.btn-login-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translate(-120%);animation:shine 3.4s ease-in-out infinite}@keyframes shine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.login-spin{animation:loginSpin .9s linear infinite;display:inline-block}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-foot{margin:1.4rem 0 0;text-align:center;font-size:.72rem;letter-spacing:.04em;color:var(--txt-mut)}.login-foot-brand{font-weight:700;letter-spacing:.1em;color:#ffffffd1}@media(prefers-reduced-motion:reduce){.aurora-blob,.particle,.btn-login-shine,.login-spin{animation:none!important}}@media(max-width:480px){.login-card{padding:1.8rem 1.4rem 1.4rem}.login-emblem-name{font-size:1.8rem}}