.vonatech-login{--brand-ink:#f7f5f0;--brand-paper:#0e1116;--brand-paper-2:#0b0d11;--line:#f7f5f01a;--line-soft:#f7f5f00f;--muted:#f7f5f08c;--error:#ff8c7a;--card:#15181f;position:fixed;inset:0;width:100vw;height:100svh;background:var(--brand-paper);color:var(--brand-ink);font-family:var(--font-manrope),system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.vonatech-login .stage{position:relative;width:100%;height:100%;overflow:hidden}.vonatech-login .logo-stage{position:fixed;top:50%;left:50%;width:160px;height:160px;margin:-80px 0 0 -80px;color:var(--brand-ink);z-index:4;pointer-events:none}.vonatech-login .logo-inner{position:relative;width:100%;height:100%;transform-origin:center}.vonatech-login .half{position:absolute;inset:0;width:100%;height:100%}@keyframes vonatech-split-in-l{0%{transform:translateX(-200px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes vonatech-split-in-r{0%{transform:translateX(200px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes vonatech-curtain-out-l{0%{transform:translateX(0);opacity:1}to{transform:translateX(-340px);opacity:0}}@keyframes vonatech-curtain-out-r{0%{transform:translateX(0);opacity:1}to{transform:translateX(340px);opacity:0}}.vonatech-login .half-l{animation:vonatech-split-in-l .7s cubic-bezier(.25,.85,.3,1) both,vonatech-curtain-out-l .75s cubic-bezier(.4,0,.55,1) 1.35s forwards}.vonatech-login .half-r{animation:vonatech-split-in-r .7s cubic-bezier(.25,.85,.3,1) both,vonatech-curtain-out-r .75s cubic-bezier(.4,0,.55,1) 1.35s forwards}.vonatech-login .form-card{position:fixed;top:50%;left:50%;width:380px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 32px 28px;box-shadow:inset 0 1px 0 #ffffff0a,0 24px 60px #0006,0 2px 8px #00000040;opacity:0;pointer-events:none;z-index:3;animation:vonatech-curtain-card .8s cubic-bezier(.3,.85,.3,1) 1.5s forwards}@keyframes vonatech-curtain-card{0%{opacity:0;transform:translate(-50%,-50%) scale(.94);pointer-events:none}99%{pointer-events:none}to{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}}.vonatech-login .form-header{margin-bottom:22px}.vonatech-login .form-title{font-family:var(--font-space-grotesk),system-ui,sans-serif;font-weight:600;font-size:24px;letter-spacing:-.02em;margin:0 0 4px}.vonatech-login .form-sub{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.vonatech-login .form-fields{display:flex;flex-direction:column;gap:14px}.vonatech-login .field{display:flex;flex-direction:column;gap:6px}.vonatech-login .field-label{font-size:11.5px;font-weight:500;color:var(--brand-ink);letter-spacing:.02em}.vonatech-login .field input{font:inherit;font-size:14px;padding:11px 13px;background:#f7f5f00a;border:1px solid #f7f5f01a;border-radius:9px;color:var(--brand-ink);outline:none;-webkit-appearance:none;transition:border-color .15s,background .15s,box-shadow .15s}.vonatech-login .field input::placeholder{color:#f7f5f04d}.vonatech-login .field input:focus{border-color:var(--brand-ink);background:#f7f5f00f;box-shadow:0 0 0 3px #f7f5f00f}.vonatech-login .field input:disabled{opacity:.5;cursor:not-allowed}.vonatech-login .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin-top:4px;background:var(--brand-ink);color:var(--brand-paper);font:inherit;font-weight:600;font-size:14px;letter-spacing:-.01em;border:0;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .2s;min-height:44px}.vonatech-login .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #f7f5f01a}.vonatech-login .btn-primary:active{transform:translateY(0)}.vonatech-login .btn-primary:disabled{opacity:.8;cursor:default;transform:none;box-shadow:none}.vonatech-login .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#0000;color:var(--brand-ink);font:inherit;font-weight:500;font-size:13px;letter-spacing:-.01em;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,opacity .2s;min-height:40px}.vonatech-login .btn-secondary:hover{background:#f7f5f00a;border-color:#f7f5f02e}.vonatech-login .btn-secondary:disabled{opacity:.5;cursor:not-allowed;background:#0000;border-color:var(--line)}.vonatech-login .btn-spinner{animation:vonatech-btn-spin 1.2s linear infinite}@keyframes vonatech-btn-spin{to{transform:rotate(1turn)}}.vonatech-login .form-error{margin-top:4px;font-size:12.5px;color:var(--error);background:#ff8c7a14;border:1px solid #ff8c7a2e;border-radius:8px;padding:9px 12px;line-height:1.45}.vonatech-login .copyright{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;opacity:0;animation:vonatech-fade-in .6s ease-out 2s forwards;z-index:2}@keyframes vonatech-fade-in{to{opacity:.55}}@media (max-width:768px){.vonatech-login .logo-stage{width:120px;height:120px;margin:-60px 0 0 -60px}.vonatech-login .form-card{width:calc(100vw - 28px);max-width:400px;padding:26px 22px 22px;border-radius:20px}.vonatech-login .form-title{font-size:22px}.vonatech-login .form-sub{font-size:12.5px}.vonatech-login .field input{font-size:16px;padding:13px}.vonatech-login .btn-primary{min-height:48px;padding:14px 16px;font-size:15px}@keyframes vonatech-curtain-out-l{0%{transform:translateX(0);opacity:1}to{transform:translateX(-220px);opacity:0}}@keyframes vonatech-curtain-out-r{0%{transform:translateX(0);opacity:1}to{transform:translateX(220px);opacity:0}}}@media (prefers-reduced-motion:reduce){.vonatech-login .btn-spinner,.vonatech-login .copyright,.vonatech-login .form-card,.vonatech-login .half-l,.vonatech-login .half-r{animation:none;opacity:1;transform:none}.vonatech-login .form-card{pointer-events:auto;transform:translate(-50%,-50%)}}