.vlogin{--ink:#11394c;--muted:#486874;--sky:#c8eefc;--blue:#037baa;--orange:#ff7a26;--line:#b6dae9;--paper:#daf3fd;--radius:24px;min-height:100vh;display:flex;flex-direction:column;margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 82% 12%,#aae5fe,transparent 55%),linear-gradient(135deg,#cdf3fd,#c1ecfd 70%,#ddf6ef)}.vlogin *{box-sizing:border-box}.vlogin a{color:inherit;text-decoration:none}.vlogin h1,.vlogin h2,.vlogin h3{margin:0;line-height:1.12;letter-spacing:-.04em}.vlogin p{margin:0}.vlogin img{display:block;max-width:100%;height:auto}.vlogin button{font:inherit;cursor:pointer}.vlogin .vl-header{background:rgba(239,249,253,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.vlogin .vl-header-inner{width:calc(100% - 48px);max-width:1180px;margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vlogin .vl-logo{width:140px;filter:brightness(0) saturate(100%) invert(20%) sepia(19%) saturate(1442%) hue-rotate(155deg) brightness(90%)}.vlogin .vl-signup{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--blue);transition:color .15s}.vlogin .vl-signup:hover{text-decoration:underline}.vlogin .vl-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px 60px}.vlogin .vl-card-wrap{position:relative;width:100%;max-width:440px}.vlogin .vl-card-accent{position:absolute;inset:auto 18px -14px 18px;height:40px;border-radius:24px;background:linear-gradient(120deg,#a6e4ff,#c4eff9);filter:blur(6px);opacity:.8}.vlogin .vl-card{position:relative;background:#fff;border:1px solid #a0d4ea;border-radius:24px;box-shadow:0 25px 65px #15729e20;padding:38px}.vlogin .vl-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:10px;margin-bottom:6px}.vlogin .vl-eyebrow span{width:26px;height:2px;background:currentColor;display:inline-block}.vlogin .vl-title{font-size:28px;font-weight:750;color:var(--ink);margin:10px 0 6px}.vlogin .vl-subtitle{font-size:14px;color:var(--muted);margin:0 0 26px;line-height:1.55}.vlogin .vl-form{display:grid;gap:16px}.vlogin .vl-label{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:var(--ink)}.vlogin .vl-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #cde0e9;border-radius:12px;background:#daf3fd;color:var(--ink);font-size:15px;font-family:inherit;transition:border .15s,box-shadow .15s}.vlogin .vl-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #037baa22;background:#fff}.vlogin .vl-input::-moz-placeholder{color:#9db6c2}.vlogin .vl-input::placeholder{color:#9db6c2}.vlogin .vl-pwd-wrap{position:relative}.vlogin .vl-pwd-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--muted);padding:6px;display:grid;place-items:center}.vlogin .vl-pwd-toggle:hover{color:var(--blue)}.vlogin .vl-forgot{font-size:13px;color:var(--blue);font-weight:600;background:none;border:none;cursor:pointer;padding:0;transition:color .15s}.vlogin .vl-forgot:hover{text-decoration:underline;color:var(--ink)}.vlogin .vl-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #f7caca;color:#b3261e;border-radius:12px;padding:11px 14px;font-size:14px}.vlogin .vl-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;border:1px solid transparent;border-radius:12px;background:var(--orange);color:#3c2109;font-weight:750;font-size:16px;transition:transform .18s,background .18s;margin-top:4px}.vlogin .vl-submit:hover:not(:disabled){background:#ff9145;transform:translateY(-2px)}.vlogin .vl-submit:disabled{opacity:.7;cursor:not-allowed}.vlogin .vl-bio{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:2px solid #a0d4ea;border-radius:12px;background:#daf3fd;color:var(--ink);font-weight:700;font-size:15px;transition:border .15s,background .15s,transform .18s}.vlogin .vl-bio:hover:not(:disabled){border-color:var(--blue);background:#c8eefc;transform:translateY(-2px)}.vlogin .vl-bio:disabled{opacity:.6;cursor:not-allowed}.vlogin .vl-divider{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:13px;margin:2px 0}.vlogin .vl-divider:after,.vlogin .vl-divider:before{content:"";flex:1;height:1px;background:var(--line)}.vlogin .vl-divider span{padding:0 14px}.vlogin .vl-foot{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);text-align:center;font-size:14px;color:var(--muted)}.vlogin .vl-foot a{color:var(--blue);font-weight:700}.vlogin .vl-foot a:hover{text-decoration:underline}.vlogin .vl-copy{margin-top:14px;text-align:center;font-size:12.5px;color:var(--muted)}.vlogin .vl-page-footer{border-top:1px solid var(--line);background:#d1edf7;padding:26px 0}.vlogin .vl-page-footer-inner{width:calc(100% - 48px);max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.vlogin .vl-page-footer a{color:var(--blue);font-weight:600}.vlogin-overlay{position:fixed;inset:0;z-index:60;background:rgba(23,59,76,.45);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.vlogin-modal{background:#fff;border:1px solid #a0d4ea;border-radius:24px;box-shadow:0 40px 80px rgba(23,59,76,.3);max-width:420px;width:100%;padding:38px;text-align:left}.vlogin-modal h2{font-size:22px;font-weight:750;color:var(--ink);margin:0 0 4px}.vlogin-modal p{font-size:14px;color:var(--muted);line-height:1.55}.vlogin-modal-close{background:none;border:none;color:var(--muted);padding:6px;display:grid;place-items:center;transition:color .15s}.vlogin-modal-close:hover{color:var(--ink)}.vlogin-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px}.vlogin-icon-bio{background:#c2e8fa;color:var(--blue)}.vlogin-icon-success{background:#c2e8fa;color:#1c7c5f}.vlogin-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:0;border-radius:12px;background:var(--orange);color:#3c2109;font-weight:750;font-size:15px;transition:transform .18s,background .18s}.vlogin-btn-primary:hover:not(:disabled){background:#ff9145;transform:translateY(-2px)}.vlogin-btn-primary:disabled{opacity:.7;cursor:not-allowed}.vlogin-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:2px solid #a0d4ea;border-radius:12px;background:#daf3fd;color:var(--ink);font-weight:700;font-size:15px;transition:border .15s,background .15s,transform .18s}.vlogin-btn-secondary:hover:not(:disabled){border-color:var(--blue);background:#c8eefc;transform:translateY(-2px)}.vlogin-btn-ghost{width:100%;background:none;border:none;color:var(--muted);font-weight:600;font-size:14px;padding:10px;transition:color .15s}.vlogin-btn-ghost:hover{color:var(--ink)}.vlogin-area-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:16px;border:2px solid var(--line);background:#fff;transition:border .15s,background .15s,transform .18s;text-align:left}.vlogin-area-card:hover{border-color:var(--blue);background:#daf3fd;transform:translateY(-2px)}.vlogin-area-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#c2e8fa;color:var(--blue);flex-shrink:0}.vlogin-area-card:hover .vlogin-area-icon{background:#a6e4ff}.vlogin-area-label{font-weight:700;font-size:15px;color:var(--ink)}.vlogin-area-desc{font-size:13px;color:var(--muted)}.vlogin-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vlogin-type-btn{padding:14px 8px;border-radius:12px;border:2px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted);transition:border .15s,background .15s}.vlogin-type-btn.active{border-color:var(--blue);background:#daf3fd;color:var(--blue)}.vlogin-type-btn:hover:not(.active){border-color:#9db6c2}@media(max-width:560px){.vlogin .vl-header-inner{width:calc(100% - 32px);min-height:64px}.vlogin .vl-logo{width:110px}.vlogin .vl-card{padding:26px}.vlogin .vl-title{font-size:24px}.vlogin .vl-page-footer-inner{flex-direction:column;text-align:center;width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){.vlogin *{transition:none!important}}