.login-redesign *{box-sizing:border-box}.login-redesign{margin:0;background:#fff;color:#18202d;font-family:Arial,'Malgun Gothic',sans-serif}.login-redesign button,.login-redesign input,.login-redesign a{-webkit-tap-highlight-color:transparent}.login-redesign button,.login-redesign input{font:inherit}.login-redesign button,.login-redesign a{cursor:pointer}.login-redesign button:focus-visible,.login-redesign a:focus-visible,.login-redesign input:focus-visible{outline:3px solid #6e56ce;outline-offset:4px}.login-redesign .page{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding:32px;gap:32px}.login-redesign .left{display:flex;flex-direction:column;min-width:0}.login-redesign .brand{display:flex;align-items:center;gap:10px;color:#17202d;text-decoration:none;font-size:27px;font-weight:750;letter-spacing:-1px;align-self:flex-start}.login-redesign .brand-icon{display:grid;grid-template-columns:repeat(2,10px);gap:3px;transform:rotate(-8deg)}.login-redesign .brand-icon i{width:10px;height:10px;background:#6e56ce;border-radius:3px}.login-redesign .brand small{font-size:13px;letter-spacing:0;font-weight:400;border-left:1px solid #d8dbe4;padding-left:14px;margin-left:6px;color:#586274}.login-redesign .form-wrap{max-width:400px;width:100%;margin:auto;padding:64px 0 36px}.login-redesign .eyebrow{font-size:12px;color:#6e56ce;font-weight:700;letter-spacing:1.6px}.login-redesign h1{font-size:30px;line-height:1.45;letter-spacing:-1.2px;margin:16px 0 12px}.login-redesign .intro{font-size:14px;color:#626c7b;line-height:1.8;margin:0 0 32px}.login-redesign .google,.login-redesign .primary{width:100%;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.login-redesign .google{border:1px solid #dfe2e8;background:white;color:#263244}.login-redesign .g{font-weight:800;font-size:22px;color:#4285f4}.login-redesign .divider{display:flex;align-items:center;gap:15px;color:#7a8390;font-size:12px;margin:25px 0}.login-redesign .divider:before,.login-redesign .divider:after{content:'';height:1px;background:#e8eaf0;flex:1}.login-redesign label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.login-redesign input{width:100%;height:49px;border:1px solid #dfe2e8;border-radius:10px;padding:0 14px;background:#fff;margin-bottom:18px;color:#18202d;min-width:0}.login-redesign input::placeholder{color:#858c99}.login-redesign .primary{background:#6e56ce;border:0;color:white;margin-top:5px}.login-redesign .primary:hover{background:#5942b5}.login-redesign .signup{display:flex;gap:12px;font-size:13px;margin-top:23px;color:#6b7381;align-items:center}.login-redesign .text-btn{background:none;border:0;padding:3px 0;color:#5c44b8;text-decoration:underline;text-underline-offset:3px}.login-redesign .foot{margin-top:40px;border-top:1px solid #e9ebf0;padding-top:23px;color:#7b8391;font-size:11px;line-height:1.9}.login-redesign .foot strong{color:#4d5768;font-weight:500}.login-redesign .status{font-size:13px;line-height:1.6;color:#5942b5;min-height:21px;margin:12px 0 0}.login-redesign .visual{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 78% 80%,#e3f8ff 0,transparent 42%),radial-gradient(ellipse at 8% 20%,#f0edff 0,transparent 52%),#d9dcfa;min-height:760px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 35px 26px;isolation:isolate}.login-redesign .pill{display:inline-block;padding:8px 15px;border:1px solid #ffffffbc;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#574591;background:#ffffff75}.login-redesign .visual h2{font-size:44px;letter-spacing:-2px;line-height:1.35;margin:24px 0 18px;font-weight:750}.login-redesign .visual h2 em{font-style:normal;color:#6e56ce}.login-redesign .visual p{color:#56607b;font-size:15px;line-height:1.85;margin:0}.login-redesign .scene{position:relative;width:100%;max-width:560px;height:355px;margin:35px auto 0}.login-redesign .orbit{position:absolute;left:10%;top:8%;width:80%;height:85%;border:1px solid #ffffffbb;border-radius:50%;transform:rotate(-25deg)}.login-redesign .orbit.two{transform:rotate(28deg);width:90%;left:5%;height:63%;top:18%}.login-redesign .plan{position:absolute;left:14%;top:45px;width:72%;border-radius:19px;background:#ffffffeb;box-shadow:0 25px 60px #756db12b;border:1px solid white;transform:rotate(-5deg);padding:22px;text-align:left}.login-redesign .plan-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.login-redesign .plan-top small{font-size:10px;color:#7a8192;font-weight:400}.login-redesign .days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:21px}.login-redesign .day{text-align:center;font-size:10px;color:#9298a5;border-radius:9px;background:#f5f6fa;height:104px;padding:8px 2px}.login-redesign .day b{display:block;color:#525c70;font-size:13px;margin-top:7px}.login-redesign .day.active{background:#ece6fb;color:#6e56ce}.login-redesign .event{height:23px;background:#c7bbf0;border-radius:5px;margin:12px 5px 0}.login-redesign .float{position:absolute;display:flex;align-items:center;gap:12px;text-align:left;background:white;padding:15px 20px;border-radius:15px;box-shadow:0 16px 40px #7b7cab25;font-size:12px}.login-redesign .float small{display:block;font-size:10px;color:#8790a0;margin-top:5px}.login-redesign .done{bottom:25px;right:3%;transform:rotate(4deg)}.login-redesign .check{display:grid;place-items:center;background:#e2f5eb;color:#27815a;width:32px;height:32px;border-radius:50%;font-size:17px}.login-redesign .channel{top:5px;left:0;transform:rotate(-9deg)}.login-redesign .channel b{display:grid;place-items:center;background:#192231;color:white;width:33px;height:33px;border-radius:10px;font-size:22px}.login-redesign .dot{position:absolute;background:#9c8cdf;border:5px solid #ffffff5c;border-radius:50%;width:26px;height:26px;right:8%;top:16px}.login-redesign .dot.last{width:17px;height:17px;left:8%;top:275px;background:#a8cbed}.login-redesign .visual-bottom{margin-top:auto;padding-top:25px;font-size:11px;color:#697391;letter-spacing:1px}.login-redesign .preview-tag{font-size:10px;margin-top:12px;color:#7a8390} @media(min-width:1600px){.login-redesign .visual{padding-top:95px}.login-redesign .form-wrap{padding-top:85px}.login-redesign .scene{margin-top:55px}}@media(max-width:1000px){.login-redesign .page{padding:22px;gap:24px;grid-template-columns:1fr 1fr}.login-redesign .visual{padding:60px 16px 24px}.login-redesign .visual h2{font-size:35px}.login-redesign .form-wrap{padding:55px 12px 20px}.login-redesign .scene{height:300px}.login-redesign .plan{padding:15px;left:8%;width:84%}.login-redesign .float{padding:12px}.login-redesign .channel{left:0}.login-redesign .done{right:0}}@media(max-width:720px){.login-redesign .page{display:block;padding:24px}.login-redesign .brand{font-size:24px}.login-redesign .form-wrap{padding:52px 0 10px;max-width:400px}.login-redesign .visual{display:none}.login-redesign h1{font-size:28px}.login-redesign .foot{margin-top:30px}}@media(prefers-reduced-motion:no-preference){.login-redesign .primary,.login-redesign .google{transition:background .15s}}.login-redesign .page{padding:36px 32px 30px;gap:32px}.login-redesign .brand{font-size:26px}.login-redesign .brand small{font-size:16px;font-weight:600;color:#18202d}.login-redesign .form-wrap{max-width:400px;padding:65px 0 36px}.login-redesign .eyebrow{display:none}.login-redesign h1{font-size:23px;line-height:1.45;font-weight:700;letter-spacing:-.8px;margin:0 0 10px}.login-redesign .intro{font-size:13px;line-height:1.8;margin-bottom:26px;color:#45627c}.login-redesign .social{width:100%;height:50px;border:0;border-radius:14px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.login-redesign .kakao{background:#fee500;color:#252210}.login-redesign .naver{background:#03c75a;color:white}.login-redesign .naver b{font-size:17px}.login-redesign .google{height:50px;font-size:14px;font-weight:400;border-radius:14px;color:#45627c}.login-redesign .email-toggle{height:43px;background:#f3f4f5;border:0;border-radius:12px;color:#263b4d;width:100%;font-size:13px}.login-redesign .signup{margin-top:20px;font-size:12px}.login-redesign .text-btn{color:#2675d9}.login-redesign .foot{margin-top:34px;text-align:center;font-size:11px}.login-redesign .visual{background:radial-gradient(ellipse at 10% 70%,#ecf8ff 0,transparent 35%),radial-gradient(ellipse at 95% 90%,#e8f6ff 0,transparent 38%),#b9dcfa;border-radius:22px;min-height:760px;padding-top:95px}.login-redesign .pill{background:#61aff0;color:white;border:0;font-size:14px;letter-spacing:0;padding:7px 13px}.login-redesign .visual h2{font-size:35px;line-height:1.5;letter-spacing:-1.3px;margin:20px 0 14px}.login-redesign .visual p{color:#244f79;font-size:17px;font-weight:600}.login-redesign .scene{margin-top:48px}.login-redesign .day.active{background:#e2f0ff;color:#22619a}.login-redesign .event{background:#99c8ef}.login-redesign .dot{background:#b3ddf5}.login-redesign .visual-bottom{color:#3d6484}.login-redesign .primary{background:#253e58}.login-redesign #login:not([hidden]){margin-top:24px}@media(max-width:720px){.login-redesign .page{padding:25px}.login-redesign .form-wrap{padding-top:65px}.login-redesign .visual{display:none}.login-redesign .brand small{font-size:14px}}.login-redesign .channel-arena{position:relative;isolation:isolate;width:100%;max-width:650px;height:380px;flex:1;min-height:340px;margin:30px auto 8px;overflow:hidden}.login-redesign .channel-ball{position:absolute;top:0;left:0;width:78px;height:78px;border-radius:50%;background:linear-gradient(145deg,#ffffff,#f4faff);border:2px solid #ffffffd9;box-shadow:0 8px 16px #4977a325,inset 0 -3px 8px #afd5ef33;display:grid;place-items:center;will-change:transform}.login-redesign .channel-ball img{width:40px;height:40px;object-fit:contain;pointer-events:none}.login-redesign .motion-toggle{border:1px solid #ffffffb0;background:#ffffffa6;border-radius:20px;padding:8px 14px;color:#305579;font-size:11px}.login-redesign .visual-bottom{margin-top:0;padding-top:20px}@media(max-width:1000px){.login-redesign .channel-ball{width:62px;height:62px}.login-redesign .channel-ball img{width:32px;height:32px}}
.login-redesign [hidden]{display:none!important}.login-redesign .naver{color:#103b23}.login-redesign .foot,.login-redesign .signup,.login-redesign .plan-top small,.login-redesign .day,.login-redesign .float small{color:#526173}.login-redesign button:focus-visible,.login-redesign a:focus-visible,.login-redesign input:focus-visible{outline:3px solid #245c99;outline-offset:3px}.login-redesign .preview-tag{display:none}
.login-redesign .divider{color:#526173}
.login-redesign .visual .pill{color:#153751}