.member-page{--member-ink:#302941;--member-purple:#8052d8;min-height:100dvh;color:var(--member-ink);background:#fcfaf8;padding:0 24px 24px;font-family:inherit}.member-top{justify-content:space-between;align-items:center;max-width:1120px;height:90px;margin:auto;display:flex}.member-page a{color:var(--member-purple);text-decoration:none}.member-top a{align-items:center;gap:7px;font-size:13px;display:flex}.member-top .member-brand{color:var(--member-ink);font-size:21px;font-weight:850}.member-layout{grid-template-columns:1fr 1fr;align-items:start;gap:70px;max-width:1080px;margin:30px auto 0;display:grid}.member-story{background:linear-gradient(150deg,#eee5fb,#f8f1ff 60%,#fff1da);border:1px solid #e9dcfa;border-radius:32px;padding:52px 38px 30px;position:sticky;top:35px;overflow:hidden}.member-eyebrow{letter-spacing:2.4px;color:#9b7ab7;font-size:10px;font-weight:800}.member-story h2{letter-spacing:-1.7px;margin:26px 0 17px;font-size:40px;line-height:1.4}.member-story>p{color:#817389;font-size:15px;line-height:1.9}.member-story>img{width:115%;max-width:none;margin:12px -7% 0;display:block}.member-story-note{color:#8c6ca5;background:#ffffffbd;border:1px solid #fff;border-radius:18px;align-items:center;gap:15px;padding:19px;font-size:13px;line-height:1.9;display:flex}.member-story-note strong{color:#546;font-weight:600}.member-panel{min-width:0;padding:12px 0 16px}.member-panel-head{text-align:center}.member-symbol{width:52px;height:52px;color:var(--member-purple);background:#f0e7ff;border-radius:19px;place-items:center;margin:0 auto 20px;display:grid}.member-panel-head h1{letter-spacing:-1px;margin:10px 0;font-size:28px}.member-panel-head>p:last-child{color:#8c7b9b;font-size:13px;line-height:1.8}.member-status{color:#796a88;background:#f5f2f9;border-radius:12px;gap:9px;margin:23px 0;padding:13px 15px;font-size:12px;line-height:1.7;display:flex}.member-status svg{flex-shrink:0;margin-top:2px}.member-social{gap:9px;display:grid}.member-page button{cursor:pointer;font:inherit}.member-social button{border:1px solid #e9e2ee;border-radius:11px;height:46px;font-size:13px;font-weight:650;position:relative}.member-social button>span{font-size:18px;font-weight:900;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.member-social-kakao{color:#342b00;background:#fee500}.member-social-naver{color:#fff;background:#03c75a}.member-social-google{color:#46414b;background:#fff}.member-social-google>span{color:#4285f4}.member-divider{color:#a294aa;align-items:center;gap:15px;margin:26px 0;font-size:11px;display:flex}.member-divider:before,.member-divider:after{content:"";background:#eae3ef;flex:1;height:1px}.member-form{gap:19px;display:grid}.member-field{gap:8px;min-width:0;font-size:13px;font-weight:650;display:grid}.member-field input{box-sizing:border-box;width:100%;min-width:0;height:48px;font:inherit;color:#302941;background:#fff;border:1px solid #e5dcee;border-radius:11px;padding:13px 14px;font-weight:400}.member-field input::placeholder{color:#aa9bb6;font-size:12px}.member-field input:focus{outline-offset:2px;outline:2px solid #aa80ed}.member-field small,.member-consents>small{color:#897992;font-size:11px;font-weight:400;line-height:1.8}.member-input-action{gap:8px;min-width:0;display:flex}.member-input-action input{flex:1;width:0}.member-input-action button{color:#7448bc;background:#f6f0ff;border:1px solid #ddd0ef;border-radius:11px;flex-shrink:0;padding:0 13px;font-size:12px;font-weight:650}.member-password{position:relative}.member-password input{padding-right:46px}.member-password>button{color:#9c89ad;background:0 0;border:0;place-items:center;width:34px;height:36px;display:grid;position:absolute;top:6px;right:8px}.member-consents{border:1px solid #e8deef;border-radius:16px;gap:16px;min-width:0;margin:3px 0 0;padding:17px;display:grid}.member-consents legend{padding:0 6px;font-size:13px;font-weight:700}.member-check{cursor:pointer;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7;display:flex}.member-check input{accent-color:#8656da;flex:none;width:17px;height:17px;margin:2px 0 0}.member-check b{color:#8052c1;font-weight:600}.member-check-all{border-bottom:1px solid #e9e0ef;padding-bottom:16px;font-size:14px;font-weight:750}.member-check-all small{color:#9a88a8;margin-top:2px;font-size:11px;font-weight:400;display:block}.member-consent-row{justify-content:space-between;align-items:start;gap:10px;display:flex}.member-consent-row>a{white-space:nowrap;font-size:11px;text-decoration:underline}.member-collection{color:#7d6d89;background:#f5f0fa;border-radius:9px;padding:13px;font-size:11px;line-height:1.95}.member-collection strong{color:#61506e;font-weight:700}.member-submit{color:#fff;background:linear-gradient(110deg,#a179ed,#8050da);border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:49px;padding:12px;display:flex;box-shadow:0 5px 12px #8755cc18;font-size:14px!important;font-weight:750!important}.member-page button:disabled{opacity:.5;cursor:wait}.member-recovery{color:#c0b3ca;justify-content:center;gap:16px;font-size:12px;display:flex}.member-recovery a{color:#897596}.member-other{text-align:center;color:#93819f;padding:26px 0;font-size:13px}.member-other a{margin-left:6px;font-weight:750}.member-existing{color:#95839f;border-top:1px solid #eee5f2;padding-top:17px;font-size:11px;line-height:1.8}.member-existing summary{cursor:pointer}.member-error{color:#9b453d;background:#fff1f0;border:1px solid #efd2ce;border-radius:10px;padding:13px;font-size:12px;line-height:1.8}.member-error:focus{outline:2px solid #c0887d}.member-footer{color:#aa9ab4;justify-content:center;gap:23px;max-width:1080px;margin:55px auto 0;font-size:11px;display:flex}.member-footer a{color:#8a7899}.member-sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.member-legal{color:#342b41;max-width:740px;margin:50px auto;padding:26px}.member-legal h1{font-size:30px}.member-legal h2{margin-top:30px;font-size:17px}.member-legal p{color:#7d6f88;white-space:pre-line;font-size:14px;line-height:1.95}.member-legal .member-draft{background:#f3edfa;border-radius:12px;padding:18px;font-size:12px}.member-legal a{color:#8254d2}.member-page :is(a,button,input):focus-visible{outline-offset:3px;outline:2px solid #9e70e4}@media (max-width:800px){.member-page{padding:0 20px 22px}.member-top{height:74px}.member-layout{max-width:470px;margin:12px auto;display:block}.member-story{display:none}.member-panel{padding-top:8px}.member-panel-head h1{font-size:25px}.member-footer{flex-wrap:wrap;gap:15px;margin-top:30px}.member-input-action button{padding:0 10px}.member-legal{margin:15px auto}}@media (prefers-reduced-motion:reduce){.member-page *{scroll-behavior:auto!important}}.member-success{color:#42714c;background:#eef7ef;border:1px solid #d4e6d7;border-radius:10px;padding:13px;font-size:12px;line-height:1.8}.member-popup{color:#302941;background:#fff;border:1px solid #eee4f7;border-radius:22px;width:min(360px,100vw - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:auto;box-shadow:0 18px 70px #30204430}.member-popup::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#241b3c55}.member-popup-content{text-align:center;padding:28px 24px 24px}.member-popup-symbol{border-radius:16px;place-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:25px;font-weight:800;display:grid}.member-popup-symbol.is-success{color:#8052d8;background:#f0e7ff}.member-popup-symbol.is-error{color:#b34e43;background:#fff0ed}.member-popup h2{letter-spacing:-.5px;margin:0 0 10px;font-size:19px;line-height:1.5}.member-popup p{color:#7d6d89;overflow-wrap:anywhere;margin:0 0 22px;font-size:13px;line-height:1.85}.member-popup button{color:#fff;background:#8052d8;border:0;border-radius:11px;width:100%;min-height:44px;font-weight:700}.member-countdown strong{color:#8052d8;font-variant-numeric:tabular-nums;margin-left:6px;font-size:14px}.member-countdown.is-expired{color:#b34e43}
