.hv{--hv-ink:#111214;--hv-ink2:#3B3E44;--hv-mut:#6B6F76;--hv-line:#D9DCE0;--hv-line2:#C5C9CF;--hv-bg:#FFFFFF;--hv-soft:#F4F5F6;--hv-y:#F2C230;--hv-y-ink:#1E1700;--hv-bad:#B3261E;position:fixed;inset:0;display:grid;grid-template-columns:minmax(380px,46%) 1fr;background:var(--hv-bg);color:var(--hv-ink);font-family:var(--font-sans,system-ui,sans-serif)}.hv-left{justify-content:center;align-items:center;padding:40px 32px 24px;overflow-y:auto}.hv-box,.hv-left{display:flex;flex-direction:column}.hv-box{width:min(380px,100%);gap:34px;margin:auto 0;animation:hv-up .7s cubic-bezier(.16,1,.3,1) both}.hv-brand{display:flex;flex-direction:column;gap:10px}.hv-logo{color:var(--hv-ink);max-width:100%;height:auto}.hv-brand p{margin:0;font-size:19px;font-weight:500;color:var(--hv-ink2);letter-spacing:-.005em}.hv-form{display:flex;flex-direction:column;gap:14px}.hv-field{display:flex;align-items:center;gap:10px;height:50px;padding:0 12px 0 14px;border:1px solid var(--hv-line);border-radius:10px;background:var(--hv-bg);color:var(--hv-mut);transition:border-color .2s,box-shadow .2s;cursor:text}.hv-field:hover{border-color:var(--hv-line2)}.hv-field:focus-within{border-color:var(--hv-ink);box-shadow:0 0 0 3px rgba(242,194,48,.35);color:var(--hv-ink)}.hv-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--hv-ink);font:500 15px var(--font-sans,inherit)}.hv-field input::placeholder{color:#9A9EA5}.hv-eye{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--hv-mut);cursor:pointer}.hv-eye:hover{background:var(--hv-soft);color:var(--hv-ink)}.hv-submit{position:relative;overflow:hidden;height:52px;margin-top:4px;border:0;border-radius:10px;background:var(--hv-ink);color:#fff;font:700 16px var(--font-sans,inherit);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .2s;box-shadow:0 10px 24px -12px rgba(17,18,20,.6)}.hv-submit:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--hv-y);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.hv-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 30px -14px rgba(17,18,20,.7)}.hv-submit:not(:disabled):hover:after{transform:scaleX(1)}.hv-submit:not(:disabled):active{transform:scale(.985)}.hv-submit:disabled{opacity:.55;cursor:default}.hv-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.hv-check,.hv-row{align-items:center}.hv-check{position:relative;display:inline-flex;gap:9px;color:var(--hv-ink2);cursor:pointer;user-select:none}.hv-check input{position:absolute;opacity:0;width:1px;height:1px}.hv-check i{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--hv-line2);background:var(--hv-bg);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.hv-check input:checked+i{background:var(--hv-y);border-color:var(--hv-y)}.hv-check input:checked+i:after{content:"";width:10px;height:5px;border-left:2.5px solid var(--hv-y-ink);border-bottom:2.5px solid var(--hv-y-ink);transform:translateY(-1px) rotate(-45deg)}.hv-check input:focus-visible+i{box-shadow:0 0 0 3px rgba(242,194,48,.45)}.hv-link{color:var(--hv-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hv-line2)}.hv-link:hover{text-decoration-color:var(--hv-y)}.hv-err{padding:10px 12px;border-radius:9px;background:#FCEDEB;border:1px solid #f2c7c2;color:var(--hv-bad);font-size:13.5px;font-weight:600;animation:hv-shake .4s ease}.hv-pinline{margin-top:6px;padding-top:16px;border-top:1px solid var(--hv-line)}.hv-pinline p{margin:0;font-size:12.5px;color:var(--hv-mut);line-height:1.5}.hv-pinbtn{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--hv-ink2);font:600 13.5px var(--font-sans,inherit);cursor:pointer}.hv-pinbtn svg{color:#C99A10}.hv-pinbtn:hover{color:var(--hv-ink);text-decoration:underline;text-underline-offset:3px}.hv-foot{margin-top:24px;font-size:12px;color:#9A9EA5}.hv-pin{display:flex;flex-direction:column;gap:14px}.hv-pin h2{margin:0;font-size:17px;font-weight:700}.hv-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border:0;border-radius:8px;background:none;color:var(--hv-mut);font:600 13px var(--font-sans,inherit);cursor:pointer}.hv-back:hover{background:var(--hv-soft);color:var(--hv-ink)}.hv-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.hv-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--hv-line);border-radius:10px;background:var(--hv-bg);color:var(--hv-ink);font:600 13.5px var(--font-sans,inherit);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .2s;animation:hv-up .4s cubic-bezier(.16,1,.3,1) calc(var(--i, 0) * 40ms) both}.hv-user:hover{border-color:var(--hv-ink);transform:translateY(-1px)}.hv-user i,.hv-who i{flex:none;width:32px;height:32px;border-radius:50%;justify-content:center;background:var(--hv-y);color:var(--hv-y-ink);font:700 12px var(--font-sans,inherit);font-style:normal}.hv-user i,.hv-who,.hv-who i{display:flex;align-items:center}.hv-who{gap:10px;padding:8px 12px 8px 8px;border:1px solid var(--hv-line);border-radius:12px;background:var(--hv-soft);color:var(--hv-ink);font:600 14px var(--font-sans,inherit);cursor:pointer;text-align:left}.hv-who b{flex:1}.hv-who small{font-size:12px;color:var(--hv-mut);text-decoration:underline}.hv-dots{display:flex;justify-content:center;gap:12px;padding:6px 0}.hv-dots span{width:14px;height:14px;border-radius:50%;border:2px solid var(--hv-line2);transition:background .15s,border-color .15s,transform .2s}.hv-dots span.on{background:var(--hv-ink);border-color:var(--hv-ink);transform:scale(1.08)}.hv-dots.bad span{border-color:var(--hv-bad);animation:hv-shake .4s ease}.hv-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hv-pad button{height:56px;border:1px solid var(--hv-line);border-radius:12px;background:var(--hv-bg);color:var(--hv-ink);font:600 20px var(--font-sans,inherit);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,transform .1s}.hv-pad button:not(:disabled):hover{border-color:var(--hv-ink)}.hv-pad button:not(:disabled):active{background:var(--hv-y);border-color:var(--hv-y);transform:scale(.97)}.hv-pad button.ghost{background:var(--hv-soft);color:var(--hv-mut);font-size:16px}.hv-pad button:disabled{opacity:.4;cursor:default}.hv-note{grid-column:1/-1;margin:0;font-size:13px;color:var(--hv-mut)}.hv-right{position:relative;overflow:hidden;background:#0F1012}.hv-photo{position:absolute;inset:0;background:url(/login-hall.webp) 50%/cover no-repeat;transform:scale(1.04);animation:hv-zoom 22s ease-in-out infinite alternate}.hv-right:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,12,.82),rgba(10,11,12,.45) 55%,rgba(10,11,12,.25)),linear-gradient(0deg,rgba(10,11,12,.65),transparent 50%)}.hv-claim{position:absolute;z-index:1;left:clamp(32px,7vw,96px);right:32px;bottom:clamp(48px,14vh,140px);color:#fff;animation:hv-up .9s cubic-bezier(.16,1,.3,1) .15s both}.hv-claim h1{margin:0;font-size:clamp(38px,4.4vw,64px);line-height:1.04;font-weight:800;letter-spacing:-.025em;text-shadow:0 4px 30px rgba(0,0,0,.35)}.hv-claim h1:after{content:"";display:block;width:72px;height:5px;margin-top:22px;border-radius:3px;background:var(--hv-y)}.hv-claim p{display:flex;flex-wrap:wrap;gap:4px 14px;margin:18px 0 0;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.86)}@keyframes hv-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hv-shake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@keyframes hv-zoom{0%{transform:scale(1.04)}to{transform:scale(1.12) translateX(-1.5%)}}@media (max-width:860px){.hv{grid-template-columns:1fr}.hv-right{display:none}.hv-left{padding:32px 16px 20px}}@media (prefers-reduced-motion:reduce){.hv-box,.hv-claim,.hv-photo,.hv-user{animation:none}}