.vonatech-login{--ink:#0E1116;--paper:#FAFAFB;--paper2:#F4F5F6;--brand:#2F62F5;--petrol:#0B2529;--petrol2:#123136;--ink-70:rgba(14,17,22,.7);--ink-60:rgba(14,17,22,.62);--ink-45:rgba(14,17,22,.45);--line:rgba(14,17,22,.1);--ghost:rgba(14,17,22,.16);--sans:var(--font-dm-sans,system-ui),system-ui,-apple-system,"Segoe UI",sans-serif;--mono:var(--font-dm-mono,ui-monospace),ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease:cubic-bezier(.22,1,.36,1);--dot:rgba(11,37,41,.2);position:fixed;inset:0;overflow:hidden;background:var(--paper);color:var(--ink);color-scheme:light;font-family:var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;line-height:normal;letter-spacing:normal}.vonatech-login .brand{display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:28px;font-weight:600;font-size:1.22rem;letter-spacing:-.03em;color:var(--ink)}.vonatech-login .brand span{font-size:1.4rem}.vonatech-login .mark{width:34px;height:34px;overflow:visible;flex:none}.vonatech-login .mark path{fill:currentColor}.vonatech-login .form-side{position:absolute;inset:0;z-index:1;overflow:hidden auto;display:flex;flex-direction:column;align-items:center;padding:40px 20px 0}.vonatech-login .cell-wrap{flex:none;display:flex;justify-content:center;width:calc(100% + 40px);margin:auto -20px;padding:0 20px}.vonatech-login .cell{position:relative;width:360px;max-width:100%}.vonatech-login .card{position:relative;padding:8px 0 0}.vonatech-login h1{margin:0 0 6px;font-weight:500;font-size:30px;line-height:1.1;letter-spacing:-.035em;text-wrap:balance;text-align:center}.vonatech-login .sub{margin:0 0 26px;font-size:15px;line-height:1.5;color:var(--ink-60);text-wrap:pretty;text-align:center}.vonatech-login .fields{display:grid;gap:14px}.vonatech-login .field{display:grid;gap:6px}.vonatech-login .field>label,.vonatech-login .field>span:first-child{font-size:.86rem;font-weight:500;color:var(--ink)}.vonatech-login .input input{width:100%;min-height:48px;padding:12px 14px;font:400 16px/1.4 var(--sans);color:var(--ink);background:#fff;border:1px solid var(--ghost);border-radius:12px;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}.vonatech-login .input input::placeholder{color:var(--ink-45)}.vonatech-login .input input:hover{border-color:rgba(14,17,22,.28)}.vonatech-login .input input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(47,98,245,.18)}.vonatech-login .input input:disabled{opacity:.55;cursor:not-allowed}.vonatech-login input::-ms-clear,.vonatech-login input::-ms-reveal{display:none}.vonatech-login .input input:-webkit-autofill,.vonatech-login .input input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px #fff;transition:background-color 9999s ease-out 0s}.vonatech-login .input input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(47,98,245,.18)}.vonatech-login .input input:autofill{box-shadow:inset 0 0 0 1000px #fff}.vonatech-login .pw-under{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.vonatech-login .caps{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#8A4B08;background:#FFF4E5;border:1px solid #f8ddb4;border-radius:8px;padding:5px 9px}.vonatech-login .caps:empty{padding:0;border:0;background:none}.vonatech-login .caps svg{width:14px;height:14px;flex:none}.vonatech-login .reveal{flex:none;margin-left:auto;margin-right:-7px;padding:4px 7px;display:inline-flex;align-items:center;gap:6px;font:500 13px/1.2 var(--sans);color:var(--ink-60);background:transparent;border:0;border-radius:7px;cursor:pointer}.vonatech-login .reveal:hover{color:var(--ink);background:rgba(14,17,22,.04)}.vonatech-login .reveal:focus-visible{outline:2px solid var(--brand);outline-offset:0}.vonatech-login .reveal svg{width:16px;height:16px}.vonatech-login .primary{margin-top:8px;width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;background:var(--petrol);color:var(--paper);font:600 15px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;transition:background-color .15s,transform .2s var(--ease)}.vonatech-login .primary:hover{background:var(--petrol2)}.vonatech-login .primary:active{transform:scale(.98)}.vonatech-login .primary:disabled{opacity:.9;cursor:default;transform:none}.vonatech-login .primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.vonatech-login .spinner{width:17px;height:17px;animation:vonatech-login-spin 1.1s linear infinite}@keyframes vonatech-login-spin{to{transform:rotate(1turn)}}.vonatech-login .msg{font-size:13.5px;line-height:1.45;border-radius:10px;padding:10px 12px;border:1px solid}.vonatech-login .msg.err{color:#B42318;background:#FEF3F2;border-color:#FECDCA}.vonatech-login .msg.note{color:var(--ink-70);background:var(--paper2);border-color:var(--line);margin:-10px 0 20px}.vonatech-login .demo-block{display:grid;gap:8px;margin-top:6px;padding-top:16px;border-top:1px dashed var(--ghost)}.vonatech-login .demo-label{font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60)}.vonatech-login .demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vonatech-login .btn-secondary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-height:44px;padding:7px 11px;font:500 13.5px/1.25 var(--sans);color:var(--ink);background:#fff;border:1px solid var(--ghost);border-radius:10px;cursor:pointer}.vonatech-login .btn-demo-role{font:400 10.5px/1.2 var(--mono);color:var(--ink-60)}.vonatech-login .demo-block>.btn-secondary{flex-direction:row;gap:8px;align-items:center;min-height:40px}.vonatech-login .btn-demo .spinner{align-self:center}.vonatech-login .btn-secondary:hover{border-color:rgba(14,17,22,.3)}.vonatech-login .dots{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,var(--dot) 1px,transparent 1.5px) 0 0 /14px 14px;-webkit-mask-image:radial-gradient(58% 62% at 50% 52%,#000 25%,transparent 72%);mask-image:radial-gradient(58% 62% at 50% 52%,#000 25%,transparent 72%)}.vonatech-login .foot{flex:none;align-self:stretch;margin:48px -20px 0;padding:44px 20px 40px;text-align:center;font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(232,233,235,.72);background:var(--petrol)}@media (max-width:560px){.vonatech-login .form-side{padding:28px 20px 0}.vonatech-login .cell{width:100%}.vonatech-login .card{padding:0}.vonatech-login h1{font-size:27px}.vonatech-login .brand{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.vonatech-login *,.vonatech-login :after,.vonatech-login :before{animation:none!important}.vonatech-login .input input{transition:border-color .15s}.vonatech-login .primary{transition:background-color .15s}.vonatech-login .primary:active{transform:none}}