:root{color:#18202f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.login-shell{background:linear-gradient(120deg,#111827d1,#0f26418c),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80) 50%/cover;place-items:center;min-height:100vh;padding:32px 18px;display:grid}.brand-stage{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 20% 20%,#24a29e57,#0000 30%),linear-gradient(135deg,#ffffff2e,#ffffff0d);border:1px solid #ffffff3d;border-radius:8px;place-items:center end;width:min(980px,100%);min-height:620px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 70px #030b1961}.motion-panel{position:absolute;inset:0;overflow:hidden}.pulse-ring{aspect-ratio:1;border:1px solid #84f4da57;border-radius:50%;width:330px;animation:12s ease-in-out infinite drift;position:absolute}.pulse-ring-one{top:18%;left:8%}.pulse-ring-two{width:210px;animation-delay:-4s;bottom:12%;left:22%}.pulse-ring-three{width:150px;animation-delay:-7s;top:12%;right:30%}.data-orbit{width:310px;height:160px;position:absolute;top:50%;left:12%;transform:translateY(-50%)}.data-orbit span{background:linear-gradient(90deg,#4bdec2eb,#ffffff26);border-radius:999px;width:86px;height:8px;animation:3.8s ease-in-out infinite stream;position:absolute}.data-orbit span:first-child{top:18px}.data-orbit span:nth-child(2){width:142px;animation-delay:-1.1s;top:76px;left:74px}.data-orbit span:nth-child(3){width:112px;animation-delay:-2.2s;bottom:20px;left:28px}.login-panel{z-index:1;background:#ffffffeb;border:1px solid #ffffffa8;border-radius:8px;width:min(420px,100% - 32px);margin:40px;padding:34px;position:relative;box-shadow:0 24px 60px #030b1947}.panel-heading{align-items:center;gap:16px;margin-bottom:34px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);border-radius:8px;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 14px 28px #0f766e52}.eyebrow{color:#64748b;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.79rem;font-weight:700}h1{color:#111827;margin:0;font-size:clamp(2rem,7vw,2.75rem);line-height:1}.field-group{gap:9px;margin-bottom:18px;display:grid}label{color:#253044;font-size:.95rem;font-weight:700}.input-shell{color:#64748b;background:#f8fafc;border:1px solid #d6dee9;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;height:54px;padding:0 14px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.input-shell:focus-within{background:#fff;border-color:#0f766e;box-shadow:0 0 0 4px #0f766e24}input{color:#111827;background:0 0;border:0;outline:0;width:100%;min-width:0}input::placeholder{color:#94a3b8}.icon-button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:#0f766e;background:#0f766e1a}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#2563eb);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:10px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex;box-shadow:0 16px 30px #2563eb47}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 36px #2563eb57}.login-button:disabled{cursor:not-allowed;opacity:.58}.spin{animation:.9s linear infinite spin}.form-status{min-height:22px;margin:18px 0 0;font-size:.92rem;font-weight:700}.form-status.success{color:#0f766e}.form-status.error{color:#be123c}@keyframes drift{0%,to{opacity:.64;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate(18px,-22px)scale(1.08)}}@keyframes stream{0%,to{opacity:.42;transform:translate(0)}50%{opacity:1;transform:translate(62px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.login-shell{padding:16px}.brand-stage{justify-items:center;min-height:auto;padding:72px 0}.data-orbit{opacity:.62;top:16%;left:50%;transform:translate(-50%)}.login-panel{width:min(420px,100% - 24px);margin:0;padding:26px}}