:root{--signin-ink:#121316;--signin-muted:#74777f;--signin-line:#e5e7eb;--signin-accent:#6375f4}
body{background:#f5f6f8}
.signin-shell{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:32px 20px;background:linear-gradient(145deg,#f8f9fb 0%,#f0f2f6 52%,#f7f7f5 100%);font-family:Pretendard,"SUIT","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,sans-serif}
.signin-shell:before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(20,24,35,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(20,24,35,.032) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.signin-aura{position:absolute;z-index:-1;border-radius:999px;filter:blur(3px);opacity:.75}
.signin-aura-one{width:480px;height:480px;top:-260px;right:-120px;background:radial-gradient(circle at 40% 48%,#cfdbff,rgba(207,219,255,0) 68%)}
.signin-aura-two{width:430px;height:430px;bottom:-270px;left:-110px;background:radial-gradient(circle at 55% 40%,#e5dcff,rgba(229,220,255,0) 70%)}
.signin-card{width:min(420px,100%);padding:42px 40px 34px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 24px 70px rgba(28,35,52,.11),inset 0 0 0 1px rgba(30,35,45,.035);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.signin-brand{display:inline-flex;align-items:center;gap:6px;color:var(--signin-ink);font-size:16px;font-weight:760;letter-spacing:-.45px}
.signin-brand-icon{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 24px;margin-right:2px}
.signin-brand strong{font:inherit;color:inherit}
.signin-brand span{color:#8b8f98;font-weight:520}
.signin-heading{margin:56px 0 30px}
.signin-eyebrow{margin:0 0 15px;color:var(--signin-accent);font-size:10px;font-weight:750;letter-spacing:2.1px}
.signin-card h1{margin:0;color:var(--signin-ink);font-family:inherit;font-size:clamp(38px,8vw,48px);font-weight:720;line-height:1.13;letter-spacing:-2.7px}
.signin-copy{margin:16px 0 0;color:var(--signin-muted);font-size:14px;letter-spacing:-.25px}
.signin-form{display:grid;gap:17px;margin:0}
.signin-form label{display:grid;gap:8px;color:#41444b;font-size:12px;font-weight:650;letter-spacing:-.15px}
.signin-form input{width:100%;height:52px;padding:0 16px;border:1px solid var(--signin-line);border-radius:14px;outline:none;background:rgba(255,255,255,.86);color:var(--signin-ink);font:500 15px/1 inherit;transition:border-color .18s,box-shadow .18s,background .18s}
.signin-form input::placeholder{color:#b2b5bc;font-weight:450}
.signin-form input:hover{border-color:#cfd2d9;background:#fff}
.signin-form input:focus{border-color:#8996f7;background:#fff;box-shadow:0 0 0 4px rgba(99,117,244,.11)}
.signin-submit{height:52px;margin-top:5px;border:0;border-radius:14px;background:var(--signin-ink);color:#fff;font-size:14px;font-weight:700;letter-spacing:-.15px;cursor:pointer;box-shadow:0 10px 24px rgba(18,19,22,.14);transition:transform .18s,background .18s,box-shadow .18s}
.signin-submit:hover{transform:translateY(-1px);background:#292b30;box-shadow:0 14px 28px rgba(18,19,22,.18)}
.signin-submit:active{transform:translateY(0)}
.signin-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:27px 0 0;color:#9699a1;font-size:11px;letter-spacing:-.25px}
.signin-privacy span{color:#8fa08a;font-size:7px}
@media(max-width:520px){.signin-shell{padding:18px}.signin-card{padding:34px 25px 28px;border-radius:24px}.signin-heading{margin:44px 0 27px}.signin-card h1{font-size:40px;letter-spacing:-2.2px}}
@media(prefers-reduced-motion:reduce){.signin-form input,.signin-submit{transition:none}}