:root{color-scheme:dark;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#020914;color:#f7fbff}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 24% 18%,rgba(62,103,255,.18),transparent 34%),radial-gradient(circle at 82% 78%,rgba(57,210,179,.1),transparent 30%),linear-gradient(145deg,#020814 0%,#061526 55%,#020a14 100%);overflow:hidden}.login-shell{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:32px}.login-shell::before,.login-shell::after{content:"";position:absolute;border:1px solid rgba(106,145,255,.12);border-radius:50%;pointer-events:none}.login-shell::before{width:540px;height:540px;left:-260px;top:-260px}.login-shell::after{width:720px;height:720px;right:-420px;bottom:-420px}.login-card{position:relative;z-index:1;width:min(440px,100%);padding:34px 36px 28px;border:1px solid rgba(121,160,220,.22);border-radius:24px;background:linear-gradient(180deg,rgba(9,29,49,.96),rgba(4,17,31,.98));box-shadow:0 32px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px)}.brand-row{display:flex;align-items:center;gap:13px;padding-bottom:25px;border-bottom:1px solid rgba(126,164,218,.14)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#3479ff,#6554f4);font-size:25px;font-weight:900;font-style:italic;box-shadow:0 10px 30px rgba(63,91,255,.32)}.brand-row div{display:grid;gap:3px}.brand-row strong{font-size:19px;letter-spacing:-.02em}.brand-row span:last-child{font-size:12px;color:#7794b5;letter-spacing:.06em;text-transform:uppercase}.login-heading{padding:30px 0 24px}.security-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid rgba(67,209,177,.25);border-radius:999px;background:rgba(26,141,119,.12);font-size:12px;font-weight:700;color:#68e3c0}.login-heading h1{margin:15px 0 8px;font-size:29px;line-height:1.25;letter-spacing:-.04em}.login-heading p{margin:0;color:#8da6c1;font-size:14px;line-height:1.65}form{display:grid;gap:10px}label{margin-top:5px;font-size:13px;font-weight:700;color:#cfe0f2}input{width:100%;height:52px;padding:0 16px;border:1px solid #25415e;border-radius:12px;outline:none;background:#061426;color:#f7fbff;font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:hover{border-color:#365d83}input:focus{border-color:#4a84ff;background:#071a2f;box-shadow:0 0 0 4px rgba(58,116,255,.13)}input:-webkit-autofill{-webkit-text-fill-color:#f7fbff;box-shadow:0 0 0 1000px #061426 inset}.login-message{min-height:21px;margin:3px 0 0;color:#ff8d9a;font-size:13px;line-height:1.5}.login-message.success{color:#69e2be}button{height:54px;border:0;border-radius:13px;background:linear-gradient(135deg,#386eff,#664cff);color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 14px 32px rgba(64,78,255,.28);transition:transform .16s ease,filter .16s ease,opacity .16s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:wait;opacity:.62;transform:none}footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(126,164,218,.12);color:#6985a3;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#31d49d;box-shadow:0 0 0 4px rgba(49,212,157,.1)}@media(max-width:520px){body{overflow:auto}.login-shell{padding:18px}.login-card{padding:27px 23px 23px;border-radius:20px}.login-heading h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}