:root{--primary-gradient: linear-gradient(90deg, #8e44ad, #3498db);--footer-gradient: linear-gradient(90deg, #2c3e50, #3498db)}:root{--brand-black: #0b0b0b;--muted: #6c757d;--surface: #ffffff;--focus-ring: rgba(52,152,219,.28);--space-unit: 8px}body{font-family:Inter,Pretendard,Poppins,sans-serif;background:var(--primary-gradient);min-height:100vh;color:var(--brand-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mt-1{margin-top:calc(var(--space-unit) * 1)}.mt-2{margin-top:calc(var(--space-unit) * 2)}.mt-3{margin-top:calc(var(--space-unit) * 3)}.p-1{padding:calc(var(--space-unit) * 1)}.p-2{padding:calc(var(--space-unit) * 2)}.p-3{padding:calc(var(--space-unit) * 3)}.btn{min-height:44px;padding:.6rem 1rem}:focus{outline:none}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.form-control:focus-visible,.form-select:focus-visible{box-shadow:0 0 0 4px var(--focus-ring)}.card{border-radius:15px;padding:20px;background:#fff;box-shadow:0 4px 10px #0000001a}.payment-option{margin-bottom:.75rem}.payment-option.disabled{opacity:.5;pointer-events:none}.payment-option input[disabled]+.form-check-label{color:#adb5bd!important}.logo-pulse{max-width:150px;animation:pulse 2s infinite}.header-logo{max-width:200px;width:auto;display:inline-block;filter:contrast(1.15) saturate(1.1) drop-shadow(0 2px 4px rgba(0,0,0,.06))}.footer-logo{max-width:80px;width:auto;display:inline-block;margin-right:.75rem}.success-logo{max-width:140px;display:inline-block}@media (max-width: 576px){.header-logo{max-width:140px}.footer-logo{max-width:64px}.success-logo{max-width:110px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-gradient{background:var(--primary-gradient);border:none;color:#fff;font-size:.9rem;transition:all .3s ease}.btn-gradient:hover{background:linear-gradient(90deg,#3498db,#8e44ad);transform:translateY(-2px)}.btn-secondary{font-size:.9rem}.invalid-feedback{color:#dc3545;font-size:.9rem;display:none}.form-control.is-invalid~.invalid-feedback,.form-select.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-feedback{display:block}.form-control:focus,.form-select:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80}.form-check-input:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80}.mailing-checkbox{display:block!important;visibility:visible!important;opacity:1!important}.mailing-checkbox[data-aos]{opacity:1!important;transform:none!important;will-change:auto!important}.form-check-input.is-invalid,.form-control.is-invalid,.form-select.is-invalid{border-color:#dc3545}.iti{width:100%;position:relative}.iti__flag-container{z-index:1;border-radius:5px 0 0 5px;background:#f8f9fa;border:1px solid #ced4da;border-right:none;padding:0 6px}.iti__selected-flag{padding:0 6px 0 8px;background:transparent}.iti__country-list{max-height:200px;overflow-y:auto;border:1px solid #ced4da;border-radius:5px;background:#fff;box-shadow:0 4px 10px #0000001a;font-family:Poppins,sans-serif;font-size:.9rem;display:none}.iti__country-list--open{display:block}.iti__country-list .iti__country{padding:5px 10px;color:#2c3e50}.iti__country-list .iti__country:hover{background:#3498db1a}.iti__country-list .iti__country.iti__highlight{background:#3498db33}.form-control.iti__tel-input{padding-left:100px;border-radius:0 5px 5px 0;border-left:none}.form-control.iti__tel-input:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80}.form-control.is-invalid~.iti__flag-container{border-color:#dc3545}.form-control.is-valid~.iti__flag-container{border-color:#198754}#country-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem 1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right .75rem center / 12px;background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;cursor:pointer}.tooltip-icon{cursor:pointer;margin-left:5px;font-size:.9rem;color:#6c757d;position:absolute;right:10px;top:38px}.tooltip-inner{background:#2c3e50;color:#fff;border-radius:5px}.tooltip .arrow:before{border-color:#2c3e50}.progress-bar.bg-gradient{background:var(--primary-gradient);background-color:#8e44ad;color:#fff;transition:width .3s ease-in-out}footer.bg-gradient{background:var(--footer-gradient);color:#fff}.hover-link:hover{text-decoration:underline}.social-icon{transition:color .3s ease}.social-icon:hover{color:#ccc!important}.benefit-list li{margin-bottom:10px}.subscription-amount .form-control-plaintext{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#2c3e50}.form-label{font-size:.95rem}.alert-success{color:#28a745;background-color:#d4edda;border-color:#c3e6cb;font-size:.9rem}.alert-danger{color:#dc3545;background-color:#f8d7da;border-color:#f5c6cb;font-size:.9rem}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1;font-size:.9rem}.alert{transition:opacity .2s}noscript .container{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a}.modal.fade .modal-dialog{transition:transform .2s ease-out;transform:scale(.95)}.modal.show .modal-dialog{transform:scale(1)}.modal-dialog{margin:1.75rem auto;max-width:500px}.modal-content{outline:0;box-shadow:0 5px 15px #00000080;border-radius:10px;background:#fff}.modal .spinner-border{width:3rem;height:3rem;border-width:.25em}#onboardingModal .modal-content.hero{padding:2rem}#onboardingModal .modal-content{max-height:85vh;overflow:hidden}#onboardingModal .modal-body{max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#onboardingModal h2{line-height:1.25}@media (max-width: 576px){#onboardingModal .modal-body{padding:1rem}#onboardingModal h2{font-size:1.25rem}#onboardingModal p{font-size:.95rem;margin-bottom:.75rem}#onboardingModal .btn{width:100%}}@media (max-width: 400px){#onboardingModal h2{font-size:1.1rem}#onboardingModal p{font-size:.9rem}}#paymentModal .modal-content{background:#fff;border-radius:10px}#paymentModal .modal-body{padding:2rem}#paymentModal .spinner-border{width:3rem;height:3rem}#digitalCurrencySuccessModal .modal-content{border-radius:12px;background:#f8fafc;box-shadow:0 5px 30px #10b98126}#digitalCurrencySuccessModal .modal-body{padding:2rem}#digitalCurrencySuccessModal .btn{min-width:180px;background:var(--primary-gradient);border:none;transition:all .3s ease}#digitalCurrencySuccessModal .btn:hover{background:linear-gradient(90deg,#3498db,#8e44ad);transform:translateY(-2px)}.bi-check-circle-fill{animation:pulse 1.5s ease-in-out infinite}.modal-content:focus{outline:2px solid #0d6efd;outline-offset:2px}footer a[lang=ko]{font-family:Noto Sans KR,sans-serif;margin-left:5px}@media (max-width: 576px){.card{padding:15px}.logo-pulse{max-width:100px}.form-label{font-size:.9rem}.btn-gradient,.btn-secondary{font-size:.85rem;padding:.5rem 1rem}.modal-dialog{margin:1rem;max-width:calc(100% - 2rem)}.modal .spinner-border,#paymentModal .spinner-border{width:2rem;height:2rem}.iti__flag-container{padding:0 5px}.form-control.iti__tel-input{padding-left:80px}}@media (max-width: 400px){.modal-body,.modal-content,.modal-title{font-size:.95em}.iti__flag-container{padding:0 4px}.form-control.iti__tel-input{padding-left:70px}}@media (prefers-reduced-motion: reduce){.logo-pulse,.btn-gradient,.progress-bar,.modal.fade .modal-dialog,.iti__country-list{transition:none}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.iti-container-wrapper,#country-select{margin-bottom:.5rem}#phone-error,#email-error,#dob-error{margin-top:.25rem}#country-select:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80}#country-select.is-invalid{border-color:#dc3545}.modal-header.bg-danger{background:#dc3545;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}#globalErrorModal .btn-danger{background:#dc3545;border:none;font-weight:600;font-size:1rem;box-shadow:0 2px 8px #dc354514}#globalErrorModal .btn-danger:focus,#globalErrorModal .btn-danger:hover{background:#b52a37;outline:2px solid #fff}#globalErrorModal .modal-content{border-radius:12px;box-shadow:0 5px 30px #dc354526}#global-error-message{font-size:1.1rem;color:#dc3545;font-weight:500;text-align:center;word-break:break-word}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.5rem;color:#fff;background-color:#ffffff1a;border-radius:50%;text-decoration:none;transition:all .3s ease;margin-right:10px}.social-icon:hover{background-color:#fff3;color:#f0f0f0;transform:translateY(-2px)}@media (max-width: 576px){.social-icon{width:32px;height:32px;font-size:1.2rem;margin-right:8px}}.social-icon:last-child{margin-right:0}.redirect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;z-index:2000}.redirect-card{width:min(92vw,420px);background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 30px #00000026}.redirect-progress{height:8px;background:#e9ecef;border-radius:999px;overflow:hidden}.redirect-progress-bar{width:0;height:100%;background:var(--primary-gradient);animation:redirectProgress 3s linear forwards}@keyframes redirectProgress{to{width:100%}}.redirect-icon{font-size:2rem}.referral-status{font-size:.95rem;margin-top:.25rem}.referral-artist-name{font-weight:600;color:#2c3e50}.referral-badge{border-radius:999px;padding:.35rem .7rem;font-size:.8rem;display:inline-block}.input-with-spinner{padding-right:3rem}.input-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:100%;display:flex;align-items:center;pointer-events:none;z-index:10}.referral-card{background:linear-gradient(180deg,#fffffffa,#fafafafa);border:1px solid rgba(0,0,0,.04);align-items:center}.artist-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6f42c1,#3498db);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 6px 18px #34495e14}.artist-meta .artist-name{font-weight:700;color:#102a43;line-height:1}.artist-meta .artist-subtitle{margin-bottom:2px}.referral-card .referral-badge{font-weight:700;border-radius:999px;padding:.35rem .65rem}@media (max-width: 576px){.artist-avatar{width:40px;height:40px;font-size:.85rem}.referral-card{gap:.6rem}}.modal-success-icon{font-size:3rem}.page-success-icon{font-size:3.5rem}.success-logo{max-width:120px}.site-header{background:#fff;z-index:1030}.site-header .header-brand{text-decoration:none}.site-header .header-logo{max-width:160px;height:auto;display:inline-block}.global-toast-container{z-index:1080;min-width:320px}.phone-prefix{border-top-right-radius:0;border-bottom-right-radius:0}.subscription-amount-value{font-size:1.5rem;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.step{margin-bottom:1rem}.step-indicators .step-indicator{margin:0 6px;border-radius:999px}.step-indicators .step-indicator.active{background:var(--primary-gradient);color:#fff;border-color:transparent}.wizard-nav{margin-top:1rem}.wizard-nav #prev-btn,.wizard-nav #next-btn{min-width:110px}@media (max-width: 576px){.step-indicators{gap:8px;flex-wrap:wrap}.wizard-nav{gap:8px}.wizard-nav .btn{flex:1 1 auto}}
