:root{--ink:#10110e;--paper:#f2f0e9;--lime:#d9ff43;--muted:#777a70;--line:rgba(16,17,14,.16)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--ink);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;color:var(--ink)}button,input{font:inherit}.gate-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(480px,1.1fr)}.gate-visual{position:relative;overflow:hidden;padding:40px;color:#fff;background:radial-gradient(circle at 52% 46%,rgba(217,255,67,.22),transparent 30%),linear-gradient(145deg,#181a15,#090a08)}.gate-visual:before,.gate-visual:after{content:"";position:absolute;border:1px solid rgba(217,255,67,.22);border-radius:50%;width:70%;aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%) rotate(20deg)}.gate-visual:after{width:46%;transform:translate(-50%,-50%) rotate(-36deg) scaleY(1.7)}.gate-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.15em}.gate-brand b{color:var(--lime)}.brand-bars{height:22px;display:flex;align-items:end;gap:2px}.brand-bars i{display:block;width:4px;background:var(--lime);border-radius:4px}.brand-bars i:nth-child(1){height:11px}.brand-bars i:nth-child(2){height:22px}.brand-bars i:nth-child(3){height:16px}.moon{position:absolute;width:145px;height:300px;left:50%;top:49%;transform:translate(-50%,-50%) rotate(11deg);background:linear-gradient(160deg,#eeffad,#92bb00);border-radius:100px 100px 28px 28px;box-shadow:0 0 80px rgba(217,255,67,.22);z-index:1}.moon span{position:absolute;width:53px;height:62px;border-radius:50%;background:#121410;left:48px;top:35px}.gate-visual p{position:absolute;left:40px;bottom:68px;margin:0;font:italic 33px/1.03 Georgia,serif;color:var(--lime);z-index:2}.gate-visual small{position:absolute;left:40px;bottom:37px;font-size:9px;letter-spacing:.18em;color:#777b70}.gate-panel{background:var(--paper);padding:clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.overline{font-size:10px;letter-spacing:.22em;font-weight:800}.gate-copy h1{font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-.065em;margin:28px 0}.gate-copy p{max-width:480px;color:#65685f;line-height:1.75;font-size:15px}.gate-panel form{max-width:560px;margin-top:52px;padding-top:25px;border-top:1px solid var(--line)}.gate-panel label{display:block;font-size:11px;font-weight:800;margin-bottom:10px}.password-row{display:grid;grid-template-columns:1fr auto}.password-row input{min-width:0;height:60px;border:1px solid var(--ink);background:#fff;padding:0 18px;font-size:22px;letter-spacing:.2em;outline:none}.password-row input:focus{box-shadow:inset 0 -4px 0 var(--lime)}.password-row button{height:60px;border:0;background:var(--ink);color:var(--lime);padding:0 25px;font-weight:800;cursor:pointer}.password-row button span{margin-left:16px;font-size:20px}.password-row button:hover{background:#292c25}.password-row button:disabled,.password-row input:disabled{opacity:.5;cursor:not-allowed}.gate-note,.gate-error{min-height:22px;font-size:11px;margin:12px 0 0}.gate-note{color:var(--muted)}.gate-error{color:#a52c18;font-weight:700}.gate-panel footer{max-width:560px;margin-top:80px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#85887e}
@media(max-width:800px){.gate-shell{grid-template-columns:1fr}.gate-visual{min-height:250px;padding:24px}.gate-visual:before{width:250px}.gate-visual:after{width:165px}.moon{width:80px;height:158px}.moon span{width:31px;height:34px;left:25px;top:18px}.gate-visual p{left:24px;bottom:43px;font-size:22px}.gate-visual small{left:24px;bottom:20px}.gate-panel{padding:48px 22px;min-height:calc(100svh - 250px)}.gate-copy h1{font-size:48px}.gate-panel form{margin-top:34px}.gate-panel footer{margin-top:55px}}