.pg-login{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pad-page);background:radial-gradient(120% 70% at 80% -5%,var(--pink-100) 0%,rgba(248,218,236,0) 48%),radial-gradient(110% 60% at 5% 105%,var(--peri-100) 0%,rgba(217,221,244,0) 52%),linear-gradient(165deg,#FBF6FB 0%,var(--violet-50) 100%);-webkit-font-smoothing:antialiased}.pg-login .brandbar{text-align:center;margin-bottom:24px}.pg-login .brandbar .eyebrow{font-size:14px;font-weight:700;letter-spacing:6px;color:var(--violet-600)}.pg-login .brandbar .tag{font-size:14.5px;color:var(--muted);margin-top:7px}.pg-login .phone{width:360px;max-width:100%;background:#2c2540;border-radius:46px;padding:var(--pad-phone);box-shadow:var(--shadow-phone);animation:pg-login-rise .7s cubic-bezier(.2,.7,.2,1) both}.pg-login .screen{position:relative;height:720px;border-radius:36px;overflow:hidden;background:var(--surface)}.pg-login .statusbar{display:flex;justify-content:space-between;align-items:center;padding:var(--pad-statusbar);font-size:14px;color:var(--ink)}.pg-login .statusbar .t{font-weight:600}.pg-login .statusbar .ic{display:flex;gap:7px;align-items:center}.pg-login .topbar{display:flex;align-items:center;gap:6px;padding:var(--pad-topbar)}.pg-login .topbar .back{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);background:transparent;border:none;cursor:pointer}.pg-login .topbar .ttl{font-size:17px;font-weight:600;color:var(--ink)}.pg-login .loginbox{padding:34px 26px 0;display:flex;flex-direction:column;align-items:center;text-align:center}.pg-login .loginbox .logo{font-family:Nanum Pen Script,cursive;font-size:40px;color:var(--pink-500);line-height:1;margin-bottom:6px}.pg-login .heroart{position:relative;width:230px;height:186px;margin:22px auto 30px}.pg-login .cardfan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.pg-login .cardfan .fancard{position:absolute;bottom:44px;left:50%;width:84px;height:auto;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.65);background:#fff;box-shadow:0 14px 26px -12px #3c1e508c;transform-origin:bottom center}.pg-login .cardfan .fancard.c0{transform:translate(-50%) rotate(-48deg);z-index:1}.pg-login .cardfan .fancard.c1{transform:translate(-50%) translateY(-5px) rotate(-24deg);z-index:2}.pg-login .cardfan .fancard.c2{transform:translate(-50%) translateY(-8px) rotate(0);z-index:3}.pg-login .cardfan .fancard.c3{transform:translate(-50%) translateY(-5px) rotate(24deg);z-index:2}.pg-login .cardfan .fancard.c4{transform:translate(-50%) rotate(48deg);z-index:1}.pg-login .gemwrap{position:absolute;z-index:3;left:50%;bottom:-28px;transform:translate(-50%);width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pg-login .gemwrap .halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,#f06a9c47,#f06a9c00 62%);animation:pg-login-halo 4.2s ease-in-out infinite}.pg-login .gemwrap .hgem{position:relative;width:92px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(208,111,172,.5));animation:pg-login-float 4.2s ease-in-out infinite}.pg-login .gemwrap .spk{position:absolute;fill:#f6c9dd;animation:pg-login-twk 2.6s ease-in-out infinite}.pg-login .gemwrap .spk.s1{top:8px;left:16px}.pg-login .gemwrap .spk.s2{bottom:16px;right:14px;opacity:.7;animation-delay:1.1s}@keyframes pg-login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pg-login-halo{0%,to{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes pg-login-twk{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.pg-login .loginbox h1{font-size:18px;font-weight:800;color:var(--ink);line-height:1.65;letter-spacing:-.3px;margin-top:20px}.pg-login .loginbox .pk{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--violet-600);margin-bottom:16px}.pg-login .loginbox .pk svg{display:block;flex-shrink:0}.pg-login .loginbox .sub{font-size:15px;color:var(--muted);line-height:1.6;margin:18px 0 40px}.pg-login .loginbox .welcome{font-size:18px;font-weight:700;color:var(--ink);line-height:1.5;margin-bottom:28px}.pg-login .oauth{width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;gap:9px;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;border-radius:var(--r-lg);padding:15px 16px;margin-bottom:11px;transition:transform .12s,filter .2s;box-shadow:0 8px 20px -12px #3c285a66}.pg-login .oauth:active{transform:scale(.985)}.pg-login .oauth:disabled{opacity:.6;cursor:default}.pg-login .oauth .ico{font-size:16px;font-weight:800;width:18px;text-align:center}.pg-login .oauth.kakao{background:#fee500;color:#191600}.pg-login .oauth.google{background:#fff;color:#1f1f1f;border:1px solid var(--border-strong);box-shadow:none}.pg-login .oauth.google .ico{color:#4285f4}.pg-login .oauth.apple{background:#111;color:#fff}.pg-login .loginbox .prim{width:100%;max-width:300px;text-decoration:none;text-align:center;font-size:18px;font-weight:700;color:#fff;border-radius:var(--r-lg);padding:15px 16px;margin-bottom:11px;background:linear-gradient(135deg,#f06a9c,#d6488a 55%,#c53e72);box-shadow:var(--shadow-btn)}.pg-login .loginbox .ghost{width:100%;max-width:300px;border:1px solid var(--border-strong);background:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);border-radius:var(--r-lg);padding:13px 16px}.pg-login .legal{font-size:13px;color:var(--subtle);line-height:1.6;margin-top:18px;max-width:300px;word-break:keep-all}.pg-login .legal a{color:var(--violet-600);text-decoration:none}.pg-login .scroll{display:flex;flex-direction:column;padding-bottom:0}.pg-login .loginbox{flex:1 1 auto}.pg-login .loginbox .oauth.kakao{margin-top:auto}.pg-login .legal{margin-bottom:44px}.pg-login svg{display:block}@keyframes pg-login-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pg-login .phone,.pg-login .gemwrap .hgem,.pg-login .gemwrap .halo,.pg-login .gemwrap .spk{animation:none}}@media (min-width:768px){.pg-login{justify-content:flex-start;padding:32px 24px 0}.pg-login .screen{height:90vh;overflow-y:auto}.pg-login .topbar{padding:18px 24px 0}.pg-login .loginbox{margin-top:80px;padding:30px 44px 40px}.pg-login .loginbox .logo{display:none}.pg-login .heroart{transform:translateY(-40px) scale(1.16);margin:54px auto 52px}.pg-login .gemwrap{bottom:-58px}.pg-login .cardfan .fancard{width:160px}.pg-login .loginbox h1{font-size:26px;line-height:1.5}.pg-login .loginbox .sub{font-size:17px;margin:18px 0 40px}.pg-login .loginbox .pk{font-size:14.5px;margin-bottom:22px}.pg-login .loginbox .welcome{font-size:20px;margin-bottom:30px}.pg-login .oauth{max-width:360px;font-size:16.5px;padding:16px 18px;margin-bottom:13px}.pg-login .oauth .ico{font-size:18px;width:20px}.pg-login .loginbox .prim{max-width:360px;font-size:18px;padding:16px 18px}.pg-login .loginbox .ghost{max-width:360px;font-size:15px;padding:14px 18px}.pg-login .legal{font-size:13.5px;max-width:360px;margin-top:22px;margin-bottom:0}}@media (max-width:767px){.pg-login .cardfan .fancard{width:109.2px}.pg-login .loginbox .logo{transform:translateY(-6px)}.pg-login .heroart{transform:translateY(3px)}.pg-login .screen{display:flex;flex-direction:column;height:auto!important;min-height:100dvh;overflow:visible}}