#loginPage[data-login-design="luminous"]{--hf-gold:#fbc879;--hf-cream:#fff4df;--hf-ink:#121327;--hf-muted:#c0b8ca;container-type:inline-size;width:100%;max-width:1100px;margin:0 auto;font-family:Inter,"Noto Sans KR",system-ui,sans-serif;color:var(--hf-cream);color-scheme:dark;box-sizing:border-box}
    #loginPage[data-login-design="luminous"] *{box-sizing:border-box}
    #loginPage[data-login-design="luminous"] .hf-surface{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#101225;border:1px solid #494055;box-shadow:0 28px 65px #0003}
    #loginPage[data-login-design="luminous"] .hf-surface:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 60%,#6643506b,transparent 58%),radial-gradient(ellipse at 72% 0%,#402b6152,transparent 60%),linear-gradient(145deg,#101124,#201a2b 80%)}
    #loginPage[data-login-design="luminous"] button,#loginPage[data-login-design="luminous"] input,#loginPage[data-login-design="luminous"] select{font:inherit}
    #loginPage[data-login-design="luminous"] button{cursor:pointer}
    #loginPage[data-login-design="luminous"] .hf-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px 30px;position:relative;z-index:3}
    #loginPage[data-login-design="luminous"] .hf-brand{display:flex;gap:11px;align-items:center;min-width:0}
    #loginPage[data-login-design="luminous"] .hf-brand-symbol{width:31px;height:36px;position:relative;display:block;flex-shrink:0}
    #loginPage[data-login-design="luminous"] .hf-brand-symbol:before,#loginPage[data-login-design="luminous"] .hf-brand-symbol:after{content:"";position:absolute;top:3px;width:13px;height:26px;border:2px solid var(--hf-gold);border-radius:13px 13px 0 13px;transform:rotate(-26deg)}
    #loginPage[data-login-design="luminous"] .hf-brand-symbol:before{left:1px}
    #loginPage[data-login-design="luminous"] .hf-brand-symbol:after{right:1px;transform:rotate(26deg);border-radius:13px 13px 13px 0}
    #loginPage[data-login-design="luminous"] .hf-brand strong{display:block;font-size:18px;font-weight:650;letter-spacing:-.7px}
    #loginPage[data-login-design="luminous"] .hf-brand small{font-size:11px;color:#d3b88f;letter-spacing:1.6px;display:block;margin-top:3px}
    #loginPage[data-login-design="luminous"] .hf-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
    #loginPage[data-login-design="luminous"] .hf-languages{display:flex;gap:3px;border:1px solid #66505d;border-radius:30px;padding:3px;background:#171728}
    #loginPage[data-login-design="luminous"] .hf-languages button{border:0;background:transparent;border-radius:20px;padding:8px 10px;color:#c9bfce;font-size:12px;min-height:34px}
    #loginPage[data-login-design="luminous"] .hf-languages button.active{background:#624837;color:#fff3d4}
    #loginPage[data-login-design="luminous"] .hf-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);position:relative;gap:22px;padding:2px 34px 32px}
    #loginPage[data-login-design="luminous"] .hf-hero{position:relative;min-width:0;min-height:562px}
    #loginPage[data-login-design="luminous"] .hf-world{position:absolute;inset:-15px -35px -22px -34px;width:calc(100% + 69px);height:calc(100% + 37px);pointer-events:none}
    #loginPage[data-login-design="luminous"] .hf-aurora{position:absolute;left:-25%;top:31%;width:120%;height:80px;border-radius:50%;background:linear-gradient(90deg,transparent,#d4796133,#ffc17052,#a67aff14,transparent);filter:blur(22px);transform:rotate(-20deg);animation:hfx-farm-aurora 10s ease-in-out infinite alternate;pointer-events:none}
    #loginPage[data-login-design="luminous"] .hf-copy{position:relative;z-index:1;padding:37px 0 0 3px;pointer-events:none}
    #loginPage[data-login-design="luminous"] .hf-overline{font-size:11px;font-weight:550;letter-spacing:3.2px;color:#efc993;display:flex;align-items:center;gap:12px}
    #loginPage[data-login-design="luminous"] .hf-overline:before{content:"";width:22px;height:1px;background:#efc993}
    #loginPage[data-login-design="luminous"] .hf-copy h2{font-size:clamp(32px,5cqi,51px);font-weight:530;line-height:1.24;letter-spacing:-2.7px;margin:22px 0 15px;color:#fff1dd;text-shadow:0 2px 25px #080a20}
    #loginPage[data-login-design="luminous"] .hf-copy h2 span{display:block;color:#ffd297}
    #loginPage[data-login-design="luminous"] .hf-copy p{font-size:13px;line-height:1.8;letter-spacing:-.2px;color:#c9b9c7;margin:0;max-width:285px}
    #loginPage[data-login-design="luminous"] .hf-scene-label{position:absolute;left:6px;bottom:0;font-size:11px;letter-spacing:2.4px;color:#eacb9b;display:flex;align-items:center;gap:9px}
    #loginPage[data-login-design="luminous"] .hf-scene-label:before{content:"";width:5px;height:5px;border-radius:50%;background:#ffcc87;box-shadow:0 0 15px 4px #f3a44155}
    #loginPage[data-login-design="luminous"] .hf-login-wrap{position:relative;min-width:0;display:flex;align-items:center;padding:20px 0 17px}
    #loginPage[data-login-design="luminous"] .hf-login-halo{position:absolute;inset:0 -18px;background:radial-gradient(ellipse at 50% 48%,#d08a3d2b,transparent 69%);pointer-events:none;animation:hfx-farm-halo 6s ease-in-out infinite alternate}
    #loginPage[data-login-design="luminous"] .hf-login{position:relative;width:100%;padding:29px 27px 24px;border:1px solid #8c6b565c;border-radius:20px;background:linear-gradient(158deg,#2a2337,#18192d 55%,#252132);box-shadow:0 26px 45px #06071780,inset 0 1px #eccfac25}
    #loginPage[data-login-design="luminous"] .hf-login:before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#ffe4b0,transparent);box-shadow:0 0 14px #ffc783;animation:hfx-farm-edge 7s ease-in-out infinite alternate}
    #loginPage[data-login-design="luminous"] .hf-entry-icon{width:39px;height:39px;border-radius:12px;color:#ffd699;background:#7651373b;border:1px solid #a9835055;display:grid;place-items:center;margin-bottom:20px}
    #loginPage[data-login-design="luminous"] .hf-entry-icon i{display:block}
    #loginPage[data-login-design="luminous"] .hf-login h3{font-size:25px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin:0 0 8px}
    #loginPage[data-login-design="luminous"] .hf-welcome{font-size:12px;line-height:1.65;color:#c5b8cb;margin:0 0 26px}
    #loginPage[data-login-design="luminous"] .hf-field-label{display:block;font-size:12px;color:#e5d9e9;font-weight:550;margin-bottom:9px}
    #loginPage[data-login-design="luminous"] .hf-select-shell{position:relative;margin-bottom:23px}
    #loginPage[data-login-design="luminous"] .hf-select-shell select{width:100%;min-width:0;background:#131527;border:1px solid #66536b;border-radius:10px;color:#eee0eb;min-height:47px;padding:11px 12px;font-size:14px;box-shadow:inset 0 2px 6px #06081760}
    #loginPage[data-login-design="luminous"] .hf-pin-label-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:9px}
    #loginPage[data-login-design="luminous"] .hf-pin-label-row .hf-field-label{margin:0}
    #loginPage[data-login-design="luminous"] .hf-pin-count{font-size:11px;color:#e0b781;letter-spacing:2px;font-variant-numeric:tabular-nums}
    #loginPage[data-login-design="luminous"] .hf-pinset{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0}
    #loginPage[data-login-design="luminous"] .hf-pinset input{display:block;width:100%;min-width:0;height:61px;background:#131527;border:1px solid #66536b;border-radius:10px;color:#ffd18c;font-size:27px;text-align:center;caret-color:#ffce89;box-shadow:inset 0 2px 6px #06081760;transition:border-color .25s,box-shadow .25s,background .25s}
    #loginPage[data-login-design="luminous"] .hf-pinset input:focus-visible{border-color:#ffd39b;box-shadow:0 0 18px #f6b04b28}
    #loginPage[data-login-design="luminous"] .hf-pinset input.filled{border-color:#b78952;background:#332637;box-shadow:inset 0 0 14px #d9923914,0 0 15px #d992391a}
    #loginPage[data-login-design="luminous"] .hf-check{display:flex;gap:8px;align-items:center;margin:18px 0 22px;color:#cebed1;font-size:12px;line-height:1.4;min-height:24px;cursor:pointer}
    #loginPage[data-login-design="luminous"] .hf-check input{appearance:auto;accent-color:#f0bb76;width:15px;height:15px;flex-shrink:0;margin:0}
    #loginPage[data-login-design="luminous"] .hf-submit{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:49px;background:linear-gradient(100deg,#f6b36d,#ffe0a5 48%,#f3bc79);border:1px solid #ffe2b4;border-radius:10px;color:#38243a;font-size:14px;font-weight:650;box-shadow:0 4px 24px #ed99512b;transition:box-shadow .3s,transform .3s}
    #loginPage[data-login-design="luminous"] .hf-submit:hover{box-shadow:0 6px 30px #ed995150;transform:translateY(-1px)}
    #loginPage[data-login-design="luminous"] .hf-submit:active{transform:translateY(1px)}
    #loginPage[data-login-design="luminous"] .hf-submit:before{content:"";position:absolute;inset:-100% -100%;background:linear-gradient(110deg,transparent 35%,#fff9 48%,transparent 61%);transform:translateX(-65%);animation:hfx-farm-sheen 7s ease-in-out infinite;z-index:-1}
    #loginPage[data-login-design="luminous"] .hf-arrow{font-size:21px;line-height:1}
    #loginPage[data-login-design="luminous"] .hf-error{color:#ffc0b5;font-size:12px;line-height:1.6;margin:12px 0 0}
    #loginPage[data-login-design="luminous"] .hf-status{color:#ffe3b6;font-size:12px;line-height:1.65;text-align:center;margin:13px 0 0;min-height:20px}
    #loginPage[data-login-design="luminous"] .hf-error:empty{display:none}
    #loginPage[data-login-design="luminous"] .hf-preview{margin:13px 0 0;padding-top:17px;border-top:1px solid #6450635c;text-align:center;font-size:11px;color:#bcafc2;line-height:1.6}
    #loginPage[data-login-design="luminous"] .hf-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;position:relative;padding:0 33px 21px;color:#c1aebc;font-size:11px;letter-spacing:1px}
    #loginPage[data-login-design="luminous"] .hf-bottom span:last-child{color:#d7b78c}
    #loginPage[data-login-design="luminous"].hf-paused *,#loginPage[data-login-design="luminous"].hf-paused *:before,#loginPage[data-login-design="luminous"].hf-paused *:after{animation-play-state:paused!important}
    #loginPage[data-login-design="luminous"] .hf-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    @keyframes hfx-farm-aurora{from{transform:translate(-12px,12px) rotate(-23deg);opacity:.65}to{transform:translate(22px,-15px) rotate(-15deg);opacity:1}}
    @keyframes hfx-farm-halo{from{opacity:.55;transform:scale(.93)}to{opacity:1;transform:scale(1.04)}}
    @keyframes hfx-farm-edge{from{opacity:.6;transform:scaleX(.63)}to{opacity:1;transform:scaleX(1)}}
    @keyframes hfx-farm-sheen{0%,55%{transform:translateX(-65%)}85%,100%{transform:translateX(65%)}}
    @container (max-width:720px){#loginPage[data-login-design="luminous"] .hf-main{gap:6px;padding:0 24px 28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#loginPage[data-login-design="luminous"] .hf-top{padding:22px 24px}#loginPage[data-login-design="luminous"] .hf-login{padding:25px 20px 20px}#loginPage[data-login-design="luminous"] .hf-copy h2{font-size:36px;letter-spacing:-2px}#loginPage[data-login-design="luminous"] .hf-hero{min-height:540px}#loginPage[data-login-design="luminous"] .hf-copy p{max-width:215px}#loginPage[data-login-design="luminous"] .hf-pinset{gap:7px}#loginPage[data-login-design="luminous"] .hf-pinset input{height:55px}}
    @container (max-width:590px){#loginPage[data-login-design="luminous"] .hf-top{padding:20px 21px 12px;gap:12px}#loginPage[data-login-design="luminous"] .hf-brand strong{font-size:17px}#loginPage[data-login-design="luminous"] .hf-tools{gap:7px}#loginPage[data-login-design="luminous"] .hf-main{display:flex;flex-direction:column;gap:0;padding:0 22px 24px}#loginPage[data-login-design="luminous"] .hf-hero{min-height:340px}#loginPage[data-login-design="luminous"] .hf-copy{padding:22px 0 0}#loginPage[data-login-design="luminous"] .hf-copy h2{font-size:34px;letter-spacing:-1.8px;margin:15px 0 10px}#loginPage[data-login-design="luminous"] .hf-copy p{font-size:12px;max-width:210px}#loginPage[data-login-design="luminous"] .hf-overline{font-size:11px;letter-spacing:2.4px}#loginPage[data-login-design="luminous"] .hf-scene-label{bottom:9px;left:0;font-size:11px;letter-spacing:1.8px}#loginPage[data-login-design="luminous"] .hf-world{inset:0 -22px -15px;width:calc(100% + 44px);height:calc(100% + 15px)}#loginPage[data-login-design="luminous"] .hf-login-wrap{padding:14px 0 0}#loginPage[data-login-design="luminous"] .hf-login{padding:26px 25px 20px}#loginPage[data-login-design="luminous"] .hf-login h3{font-size:25px}#loginPage[data-login-design="luminous"] .hf-entry-icon{position:absolute;right:25px;top:25px;margin:0;width:34px;height:34px}#loginPage[data-login-design="luminous"] .hf-welcome{margin-bottom:24px}#loginPage[data-login-design="luminous"] .hf-pinset input{height:59px}#loginPage[data-login-design="luminous"] .hf-bottom{padding:0 25px 21px;font-size:11px;letter-spacing:.5px}#loginPage[data-login-design="luminous"] .hf-aurora{top:20%;height:90px}}
    @container (max-width:370px){#loginPage[data-login-design="luminous"] .hf-top{padding:18px 17px 6px}#loginPage[data-login-design="luminous"] .hf-tools{width:100%;justify-content:space-between}#loginPage[data-login-design="luminous"] .hf-main{padding:0 16px 22px}#loginPage[data-login-design="luminous"] .hf-hero{min-height:322px}#loginPage[data-login-design="luminous"] .hf-copy h2{font-size:30px}#loginPage[data-login-design="luminous"] .hf-copy p{font-size:11px;max-width:190px}#loginPage[data-login-design="luminous"] .hf-login{padding:24px 19px 20px}#loginPage[data-login-design="luminous"] .hf-entry-icon{right:18px;top:22px;width:29px;height:29px}#loginPage[data-login-design="luminous"] .hf-login h3{font-size:22px}#loginPage[data-login-design="luminous"] .hf-pinset{gap:8px}#loginPage[data-login-design="luminous"] .hf-bottom{padding:0 19px 18px}}
    @media (pointer:coarse){#loginPage[data-login-design="luminous"] .hf-languages button{min-height:44px}#loginPage[data-login-design="luminous"] .hf-check{min-height:44px;margin:11px 0 14px}#loginPage[data-login-design="luminous"] .hf-select-shell select{font-size:16px}}
    @media (prefers-reduced-motion:reduce){#loginPage[data-login-design="luminous"] *,#loginPage[data-login-design="luminous"] *:before,#loginPage[data-login-design="luminous"] *:after{animation:none!important;transition:none!important}}