@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:'DM Sans','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;color:#252637;background:radial-gradient(ellipse at 50% 55%,#e8e9ff,#f7f8fc 64%);-webkit-font-smoothing:antialiased}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid #a29df7;outline-offset:3px}
.login-shell{min-height:100vh;min-height:100dvh;padding:28px;display:grid;place-items:center}.login-card{width:min(980px,100%);min-height:580px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e7e7f0;border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(58,61,116,.13)}.login-art{position:relative;overflow:hidden;padding:34px 38px;background:radial-gradient(circle at 70% 35%,#8b83e8,#5658be 55%,#3a4388);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-art:after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.055);right:-180px;bottom:-170px}.art-brand,.mobile-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.art-brand strong,.mobile-brand strong{font-size:17px;letter-spacing:-.07em}.art-brand strong span,.mobile-brand strong span{font-weight:500;opacity:.75}.brand-mark{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:29px;height:29px;transform:rotate(-12deg)}.brand-mark i{display:block;background:#fff;border-radius:4px 7px 4px 7px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.7}.art-visual{height:250px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(255,255,255,.26);border-radius:50%;width:246px;height:246px}.orbit-two{width:178px;height:178px;transform:rotate(-28deg);border-color:rgba(255,255,255,.4)}.art-core{width:112px;height:112px;border-radius:31px;transform:rotate(-12deg);background:linear-gradient(135deg,#ffe1c8,#c6b5fb);box-shadow:0 20px 38px rgba(21,26,74,.24);display:grid;place-items:center;color:#5a55ae;font-size:57px}.art-note{position:absolute;display:grid;place-items:center;width:51px;height:51px;border:1px solid rgba(255,255,255,.3);border-radius:15px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-size:25px}.note-one{top:8px;left:53px;transform:rotate(-13deg)}.note-two{right:29px;top:30px;transform:rotate(12deg)}.note-three{left:68px;bottom:5px;transform:rotate(12deg)}.art-copy{position:relative;z-index:1}.art-copy>span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#d7d3ff}.art-copy h2{font-size:31px;letter-spacing:-.07em;margin:9px 0}.art-copy p{margin:0;color:#e0dfff;font-size:13px}
.login-form-area{padding:70px 57px 42px;display:flex;flex-direction:column;justify-content:center}.mobile-brand{display:none}.form-kicker{color:#8581da;font-size:10px;font-weight:800;letter-spacing:.16em}.login-form-area h1{font-size:30px;letter-spacing:-.075em;margin:11px 0 7px}.form-description{font-size:14px;color:#8c8e9d;margin:0 0 37px}.login-form-area form{display:flex;flex-direction:column}.login-form-area label{font-size:12px;font-weight:700;color:#55566a;margin:0 0 9px}.login-form-area input{border:1px solid #e1e2ec;background:#fafaff;border-radius:12px;height:48px;padding:0 14px;font-size:14px;color:#292a3f;outline:0;margin-bottom:21px;transition:border-color .2s,box-shadow .2s}.login-form-area input:focus{border-color:#9b96ea;box-shadow:0 0 0 3px rgba(148,142,235,.13)}.login-form-area input::placeholder{color:#b5b5c2}.login-form-area button{height:48px;border:0;border-radius:12px;background:#6865df;color:#fff;font-size:14px;font-weight:700;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .2s,transform .2s}.login-form-area button:hover{background:#5552ce;transform:translateY(-2px)}.login-form-area button span{font-size:19px;font-weight:400}.form-footnote{text-align:center;color:#b1b2bf;font-size:11px;margin:42px 0 0}.login-error{background:#fff1f2;border:1px solid #ffd8dc;color:#ad4350;border-radius:10px;padding:10px 12px;font-size:12px;margin:-14px 0 22px}
@media(max-width:760px){.login-shell{padding:18px}.login-card{grid-template-columns:1fr;max-width:490px;min-height:0}.login-art{display:none}.login-form-area{padding:40px 34px 31px}.mobile-brand{display:flex;margin-bottom:48px;color:#4649a7}.mobile-brand .brand-mark i{background:#6a62db}.form-footnote{margin-top:40px}}
@media(max-width:390px){.login-shell{padding:12px}.login-card{border-radius:22px}.login-form-area{padding:31px 22px 23px}.mobile-brand{margin-bottom:40px}.login-form-area h1{font-size:26px}.form-description{margin-bottom:29px}.form-footnote{margin-top:31px}}