@import url("https://hangeul.pstatic.net/hangeul_static/css/nanum-square-round.css");.customer-login{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;overflow-x:hidden;background:#f4f6fa;color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customer-login::selection{background:#c7d2fe}.customer-login__aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}.customer-login__aurora-light{position:absolute;border-radius:9999px;animation-name:customer-login-pulse;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-iteration-count:infinite}.customer-login__aurora-light--indigo{top:-10%;left:-10%;width:50vw;height:50vw;min-width:500px;min-height:500px;background:rgb(165 180 252/.3);filter:blur(120px);animation-duration:8s}.customer-login__aurora-light--emerald{right:-5%;bottom:-10%;width:40vw;height:40vw;min-width:400px;min-height:400px;background:rgb(110 231 183/.2);filter:blur(100px);animation-duration:10s;animation-delay:1s}.customer-login__aurora-light--amber{top:20%;right:10%;width:30vw;height:30vw;min-width:300px;min-height:300px;background:rgb(253 230 138/.2);filter:blur(100px);animation-duration:7s;animation-delay:2s}.customer-login__container{position:relative;z-index:10;display:flex;width:100%;min-height:100vh;max-width:1400px;margin:0 auto;padding:48px 24px;flex-direction:column;align-items:center;justify-content:space-between;gap:64px}.customer-login__hero{display:flex;width:100%;flex:1;flex-direction:column;align-items:center;margin-top:48px;text-align:center}.customer-login__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:24px;border:1px solid rgb(255 255 255/.8);border-radius:9999px;background:rgb(255 255 255/.6);color:#4f46e5;font-size:14px;font-weight:700;box-shadow:0 1px 2px rgb(15 23 42/.05);backdrop-filter:blur(12px)}.customer-login__badge-icon{width:16px;height:16px;color:#f59e0b}.customer-login__title{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 24px}.customer-login__title-sub{color:#64748b;font-family:NanumSquareRound,ui-rounded,SF Pro Rounded,sans-serif;font-size:24px;letter-spacing:.025em}.customer-login__title-main{padding-bottom:8px;background:linear-gradient(90deg,#4f46e5,#10b981);background-clip:text;color:transparent;font-family:NanumSquareRoundEB,ui-rounded,SF Pro Rounded,sans-serif;font-size:44px;line-height:1.1;letter-spacing:-.025em;white-space:nowrap}.customer-login__description{max-width:672px;margin:0 0 48px;color:#64748b;font-size:18px;font-weight:500;line-height:1.625}.customer-login__floating-cards{position:relative;display:none;width:100%;max-width:672px;height:160px;margin-top:32px;pointer-events:none}.floating-card{position:absolute;display:flex;align-items:center}.floating-card--stamp{top:0;left:10%;z-index:10;gap:12px;padding:16px;border:1px solid #fef3c7;border-radius:24px;background:linear-gradient(to bottom right,#fffbeb,#fff7ed);box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);transform:rotate(-6deg) scale(.9);animation:customer-login-float 8s ease-in-out infinite}.floating-card--point{bottom:0;left:35%;z-index:20;gap:16px;padding:20px;border:1px solid #f1f5f9;border-radius:24px;background:rgb(255 255 255/.9);box-shadow:0 20px 40px -15px rgb(0 0 0/.15);backdrop-filter:blur(12px);transform:translateY(16px) rotate(4deg) scale(.9);animation:customer-login-float 5s ease-in-out infinite}.floating-card--coupon{top:32px;right:5%;z-index:30;gap:16px;padding:16px;border-radius:24px;background:#4f46e5;box-shadow:0 15px 30px rgb(79 70 229/.3);transform:rotate(8deg) scale(.9);animation:customer-login-float 6s ease-in-out infinite reverse}.floating-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-card__icon--coffee{width:48px;height:48px;border-radius:9999px;background:#ffffff;color:#f97316;box-shadow:0 1px 2px rgb(15 23 42/.05)}.floating-card__icon--store{width:48px;height:48px;border-radius:16px;background:#eef2ff;color:#4f46e5}.floating-card__icon--ticket{width:40px;height:40px;border-radius:9999px;background:rgb(255 255 255/.2);color:#ffffff}.floating-card__icon-svg{width:24px;height:24px}.floating-card__ticket-svg{width:20px;height:20px}.floating-card__content--stamp{display:flex;flex-direction:column;gap:4px;padding-right:8px}.floating-card__shop{color:#1e293b;font-size:12px;font-weight:900}.floating-card__stamps{display:flex;gap:6px}.floating-card__stamp-dot{width:16px;height:16px;border-radius:9999px;background:#f97316}.floating-card__stamp-dot--empty{border:2px dashed #fed7aa;background:transparent}.floating-card__label{margin:0 0 2px;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.floating-card__point{margin:0;color:#0f172a;font-size:24px;font-weight:900;letter-spacing:-.025em}.floating-card__point span{color:#4f46e5;font-size:14px}.floating-card__coupon-text{padding-right:8px}.floating-card__coupon-shop{margin:0 0 2px;color:#c7d2fe;font-size:10px;font-weight:700}.floating-card__coupon-title{margin:0;color:#ffffff;font-size:18px;font-weight:900;line-height:1.25}.customer-login__panel-wrap{width:100%;max-width:440px;flex-shrink:0}.customer-login__panel{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:32px;border:1px solid #ffffff;border-radius:48px;background:rgb(255 255 255/.8);box-shadow:0 20px 60px -15px rgb(0 0 0/.08);backdrop-filter:blur(64px)}.customer-login__panel-glow{position:absolute;top:-96px;right:-96px;width:192px;height:192px;border-radius:9999px;background:linear-gradient(to bottom right,#e0e7ff,transparent);opacity:.5;pointer-events:none}.customer-login__logo-area{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.customer-login__logo{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#4f46e5}.customer-login__symbol{width:40px;height:40px}.customer-login__text-logo{font-size:30px}.customer-login__subtitle{margin:0;color:#94a3b8;font-size:14px;font-weight:700;letter-spacing:.025em}.customer-login__buttons{position:relative;z-index:10;display:flex;flex-direction:column;gap:14px}.login-button{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;padding:16px;border:0;border-radius:16px;font-size:17.6px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgb(15 23 42/.05);transition:transform .15s ease,background-color .2s ease,opacity .2s ease}.login-button:active{transform:scale(.98)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button--kakao{background:#fee500;color:#191919}.login-button--kakao:hover:not(:disabled){background:#fdd800}.login-button--naver{gap:8px;background:#03a94d;color:#ffffff}.login-button--naver:hover:not(:disabled){background:#03a94d}.login-button--google{background:#ffffff;color:#3c4043;border:1px solid #dadce0}.login-button--google:hover:not(:disabled){background:#f8f9fa}.login-button__spinner{width:24px;height:24px;animation:customer-login-spin 1s linear infinite}.login-button__kakao-icon{display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:9999px;background:#191919;color:#fee500;font-size:11px;transition:transform .2s ease}.login-button:hover:not(:disabled) .login-button__google-icon,.login-button:hover:not(:disabled) .login-button__kakao-icon,.login-button:hover:not(:disabled) .login-button__naver-icon{transform:scale(1.1)}.login-button__naver-icon{font-size:20px;font-weight:900;line-height:1;transition:transform .2s ease}.login-button__google-icon{width:1.15rem;height:1.15rem;margin-bottom:.25rem;transition:transform .2s ease}.customer-login__terms{margin-top:40px;color:#94a3b8;font-size:12px;font-weight:500;line-height:1.625;text-align:center}.customer-login__terms-link{color:inherit;text-decoration:underline;transition:color .2s ease}.customer-login__terms-link:hover{color:#475569}.customer-login__terms-break{display:block}@keyframes customer-login-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(-2deg)}75%{transform:translateY(10px) rotate(2deg)}}@keyframes customer-login-pulse{50%{opacity:.5}}@keyframes customer-login-spin{to{transform:rotate(1turn)}}@media (min-width:640px){.customer-login__title-sub{font-size:30px}.customer-login__title-main{font-size:60px}.customer-login__description{font-size:20px}.customer-login__floating-cards{display:block;height:224px}.customer-login__panel{padding:40px}.customer-login__terms-break{display:none}}@media (min-width:1024px){.customer-login__container{min-height:0;flex-direction:row;gap:32px;padding:80px 64px}.customer-login__hero{align-items:flex-start;margin-top:0;text-align:left}.customer-login__title{align-items:flex-start;margin-bottom:32px}.customer-login__title-sub{font-size:35.2px}.customer-login__title-main{font-size:88px}.customer-login__description{font-size:24px}.customer-login__floating-cards{height:256px;margin-top:0}.floating-card--stamp{left:0;transform:rotate(-6deg) scale(1)}.floating-card--point{transform:translateY(16px) rotate(4deg) scale(1.1)}.floating-card--coupon{right:15%;transform:rotate(8deg) scale(1)}}