.login-container{background:#0d0f0e;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";pointer-events:none;opacity:.065;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;position:absolute;inset:0}.login-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(700px 550px at 50% 45%,#7ac6af12 0%,#0000 70%);position:absolute;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(12px);background:#121715d9;border:1px solid #7ac6af2e;border-radius:16px;width:100%;max-width:440px;padding:48px 40px;position:relative;box-shadow:inset 0 1px #7ac6af1f,0 24px 64px #0006}.login-title{color:#fff;letter-spacing:-.01em;margin:0 0 8px;font-family:Noto Serif KR,serif;font-size:24px;font-weight:400}.login-subtitle{color:#7c8c9e;margin:0 0 28px;font-family:SUIT,sans-serif;font-size:13px}.login-divider{background:#7ac6af1f;height:1px;margin:0 0 28px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:#8a9bae;letter-spacing:.03em;font-family:SUIT,sans-serif;font-size:12px}.login-field input{color:#fff;background:#ffffff0a;border:1px solid #7ac6af2e;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:SUIT,sans-serif;font-size:14px;transition:border-color .2s}.login-field input::placeholder{color:#7c8c9e}.login-field input:focus{border-color:#7ac6af;outline:none}.login-field input:focus-visible{outline-offset:2px;outline:2px solid #7ac6af59}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:44px}.login-pw-toggle{cursor:pointer;color:#7c8c9e;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-pw-toggle:hover{color:#8a9bae}.login-error{color:#e07070;background:#e0707014;border:1px solid #e070702e;border-radius:6px;margin:0;padding:10px 12px;font-family:SUIT,sans-serif;font-size:12px}.login-button{color:#0d0f0e;letter-spacing:.04em;cursor:pointer;background:#7ac6af;border:none;border-radius:8px;width:100%;margin-top:4px;padding:13px;font-family:SUIT,sans-serif;font-size:14px;font-weight:600;transition:background-color .2s,opacity .2s}.login-button:hover:not(:disabled){background:#5baf96}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-note{color:#7c8c9e;border-top:1px solid #7ac6af14;margin:20px 0 0;padding-top:16px;font-family:SUIT,sans-serif;font-size:11px;line-height:1.6}@media (max-width:480px){.login-card{border-radius:12px;padding:32px 24px}}