.hf-login{--hf-bg:#020f17;--hf-bg-deep:#010910;--hf-surface:#071822e0;--hf-border:#9cc6dc24;--hf-text:#edf3f5;--hf-muted:#8fa9b8;--hf-silver:#e4e8e9;--hf-blue:#90c3df;--hf-orange:#ff7300;--hf-orange-soft:#ff9b45;min-height:100vh;color:var(--hf-text);background:radial-gradient(circle at 86% 16%,#ff730021,#0000 25%),radial-gradient(circle at 10% 82%,#4b97be17,#0000 28%),linear-gradient(135deg,#04131d 0%,#020d14 55%,#01080d 100%);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.hf-login:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#78b4d20b 1px,#0000 1px),linear-gradient(90deg,#78b4d20b 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.hf-login:after{content:"";background:linear-gradient(90deg, transparent, var(--hf-orange), transparent);width:520px;height:1px;position:absolute;top:120px;right:-100px;transform:rotate(45deg);box-shadow:0 0 18px #ff7300b3}.hf-login-glow{filter:blur(75px);background:#ff730014;border-radius:50%;width:280px;height:280px;position:absolute;top:-140px;right:8%}.hf-login-layout{z-index:2;grid-template-columns:minmax(0,1.35fr) minmax(360px,.72fr);align-items:center;gap:clamp(50px,8vw,120px);width:min(1120px,100%);display:grid;position:relative}.hf-login-brand{max-width:650px}.hf-brand-mark{letter-spacing:.035em;align-items:baseline;font-size:clamp(42px,6vw,78px);font-weight:300;line-height:.95;display:flex}.hf-brand-hoi{color:var(--hf-silver);text-shadow:0 0 16px #ffffff17}.hf-brand-flow{color:var(--hf-orange);text-shadow:0 0 17px #ff730021;font-weight:600}.hf-brand-subtitle{color:var(--hf-blue);letter-spacing:.52em;margin-top:14px;font-size:13px;font-weight:500}.hf-brand-line{background:var(--hf-orange);width:82px;height:2px;margin:27px 0 34px;box-shadow:0 0 12px #ff730040}.hf-login-brand h1{color:#f3f6f7;letter-spacing:-.035em;max-width:580px;margin:0;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.08}.hf-login-brand p{max-width:570px;color:var(--hf-muted);margin:22px 0 0;font-size:15px;line-height:1.8}.hf-brand-services{color:#9cb4c2;letter-spacing:.24em;flex-wrap:wrap;align-items:center;gap:13px;margin-top:42px;font-size:9px;font-weight:600;display:flex}.hf-brand-services i{background:var(--hf-orange);border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #ff7300b3}.hf-login-card{border:1px solid var(--hf-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0e2634d1,#041119eb);border-radius:18px;padding:36px 34px 28px;box-shadow:0 30px 80px #00000061}.hf-login-card-heading>span{color:var(--hf-orange);letter-spacing:.18em;font-size:9px;font-weight:800}.hf-login-card-heading h2{color:#f0f4f5;letter-spacing:-.025em;margin:9px 0 8px;font-size:25px}.hf-login-card-heading p{color:var(--hf-muted);margin:0;font-size:12px;line-height:1.65}.hf-login-form{gap:18px;margin-top:30px;display:grid}.hf-login-form label{gap:7px;display:grid}.hf-login-form label>span{color:#9fb0ba;letter-spacing:.035em;font-size:10px;font-weight:700}.hf-login-form input{color:#eff4f5;background:#00080d80;border:1px solid #8dbcd621;border-radius:10px;outline:none;width:100%;height:49px;padding:0 14px;transition:border-color .16s,box-shadow .16s,background .16s}.hf-login-form input::placeholder{color:#526773}.hf-login-form input:focus{background:#00090eb8;border-color:#ff730099;box-shadow:0 0 0 3px #ff730012}.hf-login-error{color:#ffb6b6;background:#b4232314;border:1px solid #ff646438;border-radius:9px;padding:11px 12px;font-size:11px}.hf-login-form button{cursor:pointer;color:#111820;background:linear-gradient(135deg,#ff922e,#ff7000);border:0;border-radius:10px;height:49px;margin-top:3px;font-weight:800;transition:transform .16s,box-shadow .16s;box-shadow:0 10px 25px #ff700029}.hf-login-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 30px #ff70003d}.hf-login-form button:disabled{cursor:wait;opacity:.65}.hf-login-card footer{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;margin-top:26px;padding-top:18px;display:flex}.hf-login-card footer span{color:var(--hf-orange);letter-spacing:.12em;font-size:10px;font-weight:900}.hf-login-card footer small{color:#576c78;letter-spacing:.08em;font-size:8px}@media (max-width:850px){.hf-login{padding:28px}.hf-login-layout{grid-template-columns:1fr;gap:42px;max-width:470px}.hf-login-brand{text-align:center}.hf-brand-mark{justify-content:center}.hf-brand-line{margin-left:auto;margin-right:auto}.hf-brand-services{justify-content:center}}@media (max-width:480px){.hf-login{padding:20px 16px}.hf-login-brand h1{font-size:28px}.hf-brand-mark{font-size:42px}.hf-brand-subtitle{letter-spacing:.42em;font-size:9px}.hf-login-card{padding:28px 22px 24px}.hf-brand-services{display:none}}