:root{--auth-bg:#070a12;--auth-soft:#0d111c;--auth-card:#111827;--auth-line:rgba(255,255,255,.09);--auth-muted:#9ca3af;--auth-blue:#3b82f6;--auth-indigo:#6366f1}
body.vpay-auth-page{min-height:100vh;margin:0;overflow-x:hidden;color:#fff;background:var(--auth-bg);font-family:Inter,Arial,sans-serif}.vpay-auth-page *{box-sizing:border-box}.vpay-auth-page a{color:inherit;text-decoration:none}.vpay-auth-page svg{width:18px;height:18px;stroke-width:1.8}.vpay-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr)}
.vpay-auth-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:46px clamp(38px,5vw,76px);border-right:1px solid var(--auth-line);background:radial-gradient(circle at 20% 25%,rgba(59,130,246,.2),transparent 30%),radial-gradient(circle at 90% 82%,rgba(99,102,241,.13),transparent 34%),#0a0f19}.vpay-auth-showcase:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent)}.vpay-auth-showcase>*{position:relative}.vpay-auth-brand{display:inline-flex;align-items:center;gap:11px;width:max-content}.vpay-auth-brand>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--auth-blue),var(--auth-indigo));font-size:18px;font-weight:800;box-shadow:0 0 32px rgba(59,130,246,.24)}.vpay-auth-brand>div{display:grid;gap:2px}.vpay-auth-brand strong{font-size:18px;line-height:1}.vpay-auth-brand small{color:#687282;font-size:8px}.vpay-auth-message{max-width:590px;margin:auto 0}.vpay-auth-message>span,.vpay-auth-eyebrow{color:#79aaf6;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:700}.vpay-auth-message h1{margin:18px 0 20px;font-size:clamp(42px,4.5vw,67px);line-height:1.03;letter-spacing:-.06em}.vpay-auth-message>p{max-width:530px;color:var(--auth-muted);font-size:15px;line-height:1.75}.vpay-auth-points{display:grid;gap:13px;margin-top:34px}.vpay-auth-points>div{display:flex;align-items:center;gap:10px;color:#b5bdc8;font-size:12px}.vpay-auth-points svg{width:16px;height:16px;color:#79aaf6}.vpay-auth-showcase>small{color:#525c6b;font-size:9px}
.vpay-auth-form-side{position:relative;display:grid;place-items:center;padding:48px;background:radial-gradient(circle at 80% 10%,rgba(59,130,246,.06),transparent 30%),var(--auth-bg)}.vpay-auth-card{width:min(470px,100%)}.vpay-auth-card h2{margin:13px 0 11px;font-size:36px;line-height:1.1;letter-spacing:-.045em}.vpay-auth-card>p:not(.vpay-auth-switch){margin:0;color:var(--auth-muted);font-size:13px}.vpay-auth-card form{display:grid;gap:17px;margin-top:31px}.vpay-auth-card label{display:grid;gap:8px}.vpay-auth-card label>span{color:#aeb6c2;font-size:10px;font-weight:600}.vpay-auth-input{display:flex;align-items:center;gap:10px;height:49px;padding:0 13px;border:1px solid var(--auth-line);border-radius:11px;background:rgba(17,24,39,.78);transition:border-color .2s ease,box-shadow .2s ease}.vpay-auth-input:focus-within{border-color:rgba(59,130,246,.7);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.vpay-auth-input svg{flex:none;width:16px;height:16px;color:#667181}.vpay-auth-input input{width:100%;height:100%;border:0;outline:0;color:#eef2f7;background:transparent;font:12px Inter,Arial,sans-serif}.vpay-auth-input input::placeholder{color:#4e5866}.vpay-auth-remember{display:flex!important;grid-template-columns:auto 1fr;align-items:center;justify-content:start;gap:8px!important;color:#818b99;font-size:10px}.vpay-auth-remember input{accent-color:var(--auth-blue)}.vpay-auth-card form>button{height:49px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;color:white;background:var(--auth-blue);font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 12px 32px rgba(59,130,246,.2);transition:transform .2s ease,background .2s ease}.vpay-auth-card form>button:hover{transform:translateY(-2px);background:#4b8df8}.vpay-auth-card form>button svg{width:15px;height:15px}.vpay-auth-error{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid rgba(239,68,68,.2);border-radius:9px;color:#f19a9a;background:rgba(239,68,68,.08);font-size:10px;line-height:1.5}.vpay-auth-error svg{flex:none;width:15px;height:15px}.vpay-auth-switch{margin-top:24px;color:#707a88;font-size:11px;text-align:center}.vpay-auth-switch a{color:#7cacfa;font-weight:600}.vpay-auth-mobile-brand{display:none}.vpay-auth-passwords{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vpay-auth-password-toggle{flex:none;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;color:#7f8a99;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease}.vpay-auth-password-toggle:hover{color:#dbeafe;background:rgba(59,130,246,.1)}.vpay-auth-password-toggle:focus-visible{outline:2px solid var(--auth-blue);outline-offset:2px}.vpay-auth-password-toggle svg{width:17px;height:17px}
@media(max-width:900px){.vpay-auth-shell{grid-template-columns:1fr}.vpay-auth-showcase{display:none}.vpay-auth-form-side{min-height:100vh;padding:34px 22px}.vpay-auth-mobile-brand{position:absolute;top:26px;left:24px;display:block}.vpay-auth-card{padding-top:70px}}
@media(max-width:560px){.vpay-auth-card h2{font-size:31px}.vpay-auth-passwords{grid-template-columns:1fr}.vpay-auth-form-side{padding-inline:18px}}