.auth-container{position:relative;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}.auth-container:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:auto;height:auto;min-width:100%;min-height:100%;background-color:#1e1a24;background-image:url(https://res.cloudinary.com/dskfud0xr/image/upload/v1741553369/bg_lg_metyxp.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto;z-index:1}@media (max-width: 800px){.auth-container:before{background-image:url(https://res.cloudinary.com/dskfud0xr/image/upload/v1741553369/bg_md_gsgpcc.jpg)}}@media (max-width: 540px){.auth-container:before{background-image:url(https://res.cloudinary.com/dskfud0xr/image/upload/v1741552949/bg_540_ii3zye.jpg)}}.auth-container:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2}@media (max-width: 440px){.auth-container{background-color:#131215;overflow:hidden}.auth-container:before,.auth-container:after{display:none}}.main{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;height:500px;border-radius:20px;border:1px solid #7f45e2;box-shadow:0 20px 40px #7f45e266;z-index:3}@media (max-width: 800px){.main{width:441px;height:840px;flex-direction:column;min-width:unset}}@media (max-width: 440px){.main{width:100%;height:100dvh;border-radius:0;border:none;box-shadow:none}}.visual{background-color:#131215;width:50%;height:100%;border-radius:20px 0 0 20px;padding:20px;position:relative}@media (max-width: 800px){.visual{width:100%;height:200px;flex-shrink:0;padding:24px 36px;border-radius:20px 20px 0 0}}@media (max-width: 440px){.visual{padding:32px 24px 16px;height:194px}}.title{margin:0 0 12px;font-family:Poppins;font-size:28px;font-weight:700;line-height:1.1;color:#fff}@media (max-width: 800px){.title{font-family:Poppins;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}}@media (max-width: 440px){.title{margin:0 0 2px}}.subtitle{margin:0;color:#7f45e2;font-family:Pretendard;font-size:14px;font-weight:500;line-height:1.3}.img-path{position:absolute;bottom:-100px;right:-70px}@media (max-width: 440px){.img-path{bottom:-120px;right:-54px}}.img-coins{offset-path:circle(20px at 0 0);offset-position:0 0;offset-rotate:0deg;animation:floatCircle 4s linear infinite;width:160px;height:auto;z-index:800px}@media (max-width: 800px){.img-coins{width:160px;height:auto}}@media (max-width: 440px){.img-coins{width:140px;height:auto}}@keyframes floatCircle{0%{offset-distance:0%}to{offset-distance:100%}}.auth-form{width:50%;padding:20px 12px;border-radius:0 20px 20px 0;background-color:#fff;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.auth-form::-webkit-scrollbar{width:8px}.auth-form::-webkit-scrollbar-track{background:transparent}.auth-form::-webkit-scrollbar-thumb{background:#f1eaff;border-radius:4px}.auth-form::-webkit-scrollbar-thumb:hover{background:#ccb8f4}@media (max-width: 800px){.auth-form{width:100%;flex:1;padding:24px;border-radius:20px}}@media (max-width: 440px){.auth-form{border-radius:20px 20px 0 0}}.auth-form.find-password-form{width:100%;border-radius:20px}.form-inner-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.icon-symbol{width:40px;height:26px;flex-shrink:0;color:#7f45e2}.icon-symbol.login-symbol{margin-bottom:36px}@media (max-width: 800px){.icon-symbol.login-symbol{margin-bottom:48px}}@media (max-width: 440px){.icon-symbol.login-symbol{margin-bottom:24px}}.form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;gap:48px;flex:1;min-height:0}@media (max-width: 800px){.form{gap:60px}}@media (max-width: 440px){.form{gap:24px}}.form-register{gap:16px;position:relative}@media (max-width: 800px){.form-register{display:flex;flex-direction:column;justify-content:space-between}}.form-content{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px;flex-shrink:1;justify-content:space-between}@media (max-width: 800px){.form-content{gap:10px}}.auth-container{display:flex;width:100%;flex-direction:column;gap:2px}.icon-error{width:12px;height:12px;color:#ff3131}@media (max-width: 800px){.icon-error{width:14px;height:14px}}.error-message{width:100%;display:flex;align-items:center;gap:4px;color:#ff3131;font-family:Pretendard;font-size:10px;font-weight:600;line-height:1.3}@media (max-width: 800px){.error-message{font-family:Pretendard;font-size:14px;font-weight:600;line-height:1.3}}.error-message.green{color:#7f45e2}.auth-input-group{display:flex;width:100%;flex-direction:column;gap:4px}@media (max-width: 640px){.auth-input-group{gap:8px}}.auth-input-group.verification{position:relative}.auth-input{width:100%;height:32px;border-radius:100px;padding:0 16px;outline:none;border:none;background-color:#f1eaff;font-family:Pretendard;font-size:12px;font-weight:500;line-height:1.3;color:#131215}.auth-input::-moz-placeholder{font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;color:#ccb8f4}.auth-input::placeholder{font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;color:#ccb8f4}.auth-input:focus{outline:1px solid;outline-color:#7f45e2;background-color:#fff;color:#2f1f4a}.auth-input:-webkit-autofill{-webkit-text-fill-color:#2f1f4a!important;box-shadow:0 0 0 30px #f1eaff inset!important;font-family:Pretendard!important;font-size:12px!important;font-weight:500!important;line-height:1.3!important}@media (max-width: 800px){.auth-input:-webkit-autofill{font-family:Pretendard!important;font-size:16px!important;font-weight:400!important;line-height:1.3!important}}.auth-input:-webkit-autofill:focus{box-shadow:0 0 0 30px #fff inset!important;outline:1px solid #7f45e2}.auth-input.center{text-align:center}@media (max-width: 800px){.auth-input{height:40px;font-family:Pretendard;font-size:16px;font-weight:400;line-height:1.3}.auth-input::-moz-placeholder{font-family:Pretendard;font-size:14px;font-weight:600;line-height:1.3}.auth-input::placeholder{font-family:Pretendard;font-size:14px;font-weight:600;line-height:1.3}}.auth-input-label{font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;color:#131215}@media (max-width: 800px){.auth-input-label{font-family:Pretendard;font-size:14px;font-weight:600;line-height:1.3}}.checkbox-group{display:flex;width:100%;flex-direction:column;gap:4px}.checkbox-wrap{display:flex;align-items:center}.checkbox{width:14px;height:14px;border-radius:4px;border:2px solid #ccb8f4;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.checkbox:checked{background-color:#7f45e2;border:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L13 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center}.checkbox:hover:not(:checked){border-color:#7f45e2}@media (max-width: 800px){.checkbox{width:16px;height:16px}.checkbox:checked{background-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L13 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}}.checkbox-label{font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;color:#2f1f4a;margin-left:4px;cursor:pointer}@media (max-width: 800px){.checkbox-label{font-family:Pretendard;font-size:14px;font-weight:600;line-height:1.3}}.auth-submit-btn{background-color:#2f1f4a;color:#fff;height:36px;border-radius:100px;width:100%;border:none;margin-top:12px}.auth-submit-btn:hover{background-color:#7f45e2}.auth-submit-btn.register{width:100%;margin-top:8px}@media (max-width: 440px){.auth-submit-btn.register{margin-top:14px}}@media (max-width: 800px){.auth-submit-btn{margin-top:14px;font-family:Pretendard;font-size:16px;font-weight:500;line-height:1.3;height:48px;padding:12px 20px}}.forgot-password{font-family:Pretendard;font-size:12px;font-weight:500;line-height:1.3;margin-top:-4px;color:#2f1f4a}.forgot-password:hover{color:#7f45e2}.link-btn{display:flex;gap:8px;font-family:Pretendard;font-size:14px;font-weight:500;line-height:1.3;position:relative;background-color:#fff;transition:background-color .3s,transform .1s;overflow:hidden;z-index:1;padding:8px 16px;border:none;cursor:pointer;color:#2f1f4a;display:inline-flex;align-items:center;justify-content:center;width:100%;text-align:center;height:36px;border-radius:100px;border:1px solid #2f1f4a;flex-shrink:1}.link-btn:hover{background-color:#2f1f4a}.link-btn:active{transform:translateY(2px) scale(.98)}.link-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#0003;border-radius:50%;transform:translate(-50%,-50%);opacity:0;z-index:-1;transition:width 0s,height 0s,opacity .3s}.link-btn:active:after{width:600px;height:200px;border-radius:100;opacity:1;transition:width .4s,height .4s,opacity 0s}.link-btn:hover{color:#fff;border:none}@media (max-width: 800px){.link-btn{font-family:Pretendard;font-size:16px;font-weight:500;line-height:1.3;height:48px;padding:12px 20px}}.text-link-wrap{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;font-family:Pretendard;font-size:12px;line-height:1.3;color:#2f1f4a;font-weight:400}@media (max-width: 800px){.text-link-wrap{font-family:Pretendard;font-size:14px;font-weight:500;line-height:1.3}}.text-link{font-family:Pretendard;font-size:12px;line-height:1.3;color:#2f1f4a;font-weight:700}.text-link:hover{color:#7f45e2}@media (max-width: 800px){.text-link{font-family:Pretendard;font-size:14px;font-weight:600;line-height:1.3}}.register-back{width:100%}.register-back-btn{display:flex;align-items:center;gap:8px;font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;color:#2f1f4a}.register-back-btn svg{width:12px;height:12px;color:#2f1f4a}@media (max-width: 800px){.register-back-btn{font-family:Pretendard;font-size:16px;font-weight:600;line-height:1.3;padding:0;gap:4px}.register-back-btn svg{width:16px;height:16px;padding-bottom:1px}}.info-message{padding-top:8px;width:100%;font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;color:#1e1a24}@media (max-width: 800px){.info-message{font-family:Pretendard;font-size:14px;font-weight:600;line-height:1.3;padding-top:16px}}.info-message.center{text-align:center;margin-bottom:10px}.info-message.green{color:#009200}.bot-group{position:absolute;width:100%;bottom:0;display:flex;gap:8px;flex-direction:column}@media (max-width: 800px){.bot-group{position:static}}.numb-input-group{position:relative;display:flex;gap:2px}.numb-change-btn{border-radius:100px;width:40%;font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;color:#fff;background-color:#2f1f4a}.numb-change-btn:hover{background-color:#7f45e2}.numb-change-btn:disabled{background-color:#6f5b8f;cursor:default;pointer-events:none}.request-code-btn{margin-top:4px;font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;color:#2f1f4a;border:1px solid #2f1f4a;border-radius:100px;height:36px}.request-code-btn:hover{color:#fff;background-color:#2f1f4a}.request-code-btn:disabled{color:#6f5b8f;border:1px solid #6f5b8f;cursor:default;pointer-events:none}.request-code-btn:disabled:hover{color:#6f5b8f;background:none!important}@media (max-width: 800px){.request-code-btn{height:44px;font-family:Pretendard;font-size:14px;font-weight:600;line-height:1.3}}.timer{position:absolute;color:#7f45e2;font-family:Pretendard;font-size:12px;font-weight:600;line-height:1.3;bottom:8px;right:80px}@media (max-width: 440px){.timer{right:140px;bottom:11px}}