:root{--yns-sage: var(--yns-ink, #0A0A0A);--yns-sage-light: var(--yns-coral, #FF5A7A);--yns-sage-lighter: #f0f4ef;--yns-cream: #FAF8F5;--yns-gold: #C4785A;--yns-gold-light: #e8c4b8;--yns-text: #2d3748;--yns-text-muted: #718096;--yns-success: #38a169;--yns-error: #e53e3e;--yns-warning: #dd6b20;--yns-radius-sm: 8px;--yns-radius-md: 12px;--yns-radius-lg: 16px;--yns-radius-xl: 24px;--yns-shadow-sm: 0 1px 3px rgba(0,0,0,.1);--yns-shadow-md: 0 4px 12px rgba(0,0,0,.1);--yns-shadow-lg: 0 8px 32px rgba(0,0,0,.12);--yns-font-display: "Fraunces", Georgia, serif;--yns-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}.yns-redemption{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden;font-family:var(--yns-font-body);color:var(--yns-text);background:var(--yns-cream)}.yns-redemption-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.yns-redemption-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(70,82,62,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(196,120,90,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(70,82,62,.02) 0%,transparent 70%)}.yns-redemption-container{position:relative;z-index:1;width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px}.yns-confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;overflow:hidden}.yns-confetti{position:absolute;width:10px;height:10px;opacity:0}.yns-redemption-header{text-align:center}.yns-redemption-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--yns-text)}.yns-logo-icon svg{width:40px;height:40px}.yns-logo-text{font-family:var(--yns-font-display);font-size:1.25rem;font-weight:600}.yns-redemption-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:0 20px}.yns-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:opacity .3s ease}.yns-step.active,.yns-step.completed{opacity:1}.yns-step-number{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--yns-sage);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:var(--yns-sage);transition:all .3s ease}.yns-step.active .yns-step-number{background:var(--yns-sage);color:#fff}.yns-step.completed .yns-step-number{background:var(--yns-success);border-color:var(--yns-success);color:#fff}.yns-step.completed .yns-step-number:after{content:"\2713"}.yns-step-label{font-size:.75rem;font-weight:500;color:var(--yns-text-muted);white-space:nowrap}.yns-step.active .yns-step-label{color:var(--yns-sage)}.yns-step-connector{width:40px;height:2px;background:#e2e8f0;margin:0 8px 24px;transition:background .3s ease}.yns-step.completed+.yns-step-connector{background:var(--yns-success)}.yns-redemption-card{background:#fff;border-radius:var(--yns-radius-xl);padding:40px;box-shadow:var(--yns-shadow-lg);position:relative}.yns-redemption-step{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeIn .4s ease}.yns-redemption-step.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.yns-redemption-header{animation:fadeIn .5s ease backwards}.yns-redemption-steps{animation:fadeIn .5s ease backwards;animation-delay:.15s}.yns-redemption-card{animation:fadeIn .5s ease backwards;animation-delay:.3s}@keyframes yns-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.yns-input.shake{animation:yns-shake .4s ease}.yns-step-icon{width:72px;height:72px;margin-bottom:24px;color:var(--yns-sage)}.yns-step-icon svg{width:100%;height:100%}.yns-redemption-title{font-family:var(--yns-font-display);font-size:1.75rem;font-weight:600;margin:0 0 12px;color:var(--yns-text)}.yns-redemption-subtitle{font-size:1rem;color:var(--yns-text-muted);margin:0 0 32px;max-width:320px;line-height:1.5}.yns-entry-toggle{display:flex;position:relative;background:var(--yns-sage-lighter);border-radius:var(--yns-radius-md);padding:4px;margin-bottom:28px;width:100%}.yns-toggle-btn{flex:1;padding:12px 16px;font-size:.9375rem;font-weight:600;font-family:inherit;color:var(--yns-text-muted);background:none;border:none;border-radius:calc(var(--yns-radius-md) - 4px);cursor:pointer;transition:color .25s ease;position:relative;z-index:1}.yns-toggle-btn.active{color:var(--yns-sage)}.yns-toggle-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:calc(var(--yns-radius-md) - 4px);box-shadow:var(--yns-shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1)}.yns-toggle-indicator.right{transform:translate(100%)}.yns-entry-panel{width:100%}.yns-entry-panel.hidden{display:none}.yns-code-form,.yns-account-form,.yns-order-form{width:100%;display:flex;flex-direction:column;gap:20px}.yns-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.yns-input-group{text-align:left}.yns-input-label{display:block;font-size:.875rem;font-weight:600;color:var(--yns-text);margin-bottom:8px}.yns-input{width:100%;padding:14px 16px;font-size:1rem;font-family:inherit;border:2px solid #e2e8f0;border-radius:var(--yns-radius-md);background:#fff;color:var(--yns-text);transition:border-color .2s ease,box-shadow .2s ease}.yns-input:focus{outline:none;border-color:var(--yns-sage);box-shadow:0 0 0 3px #46523e1a}.yns-input::placeholder{color:#a0aec0}.yns-input.error{border-color:var(--yns-error)}.yns-input-hint{font-size:.8125rem;color:var(--yns-text-muted);margin-top:8px}.yns-code-input-wrapper{position:relative}.yns-code-input{width:100%;padding:18px 50px 18px 20px;font-size:1.25rem;font-family:Courier New,monospace;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-align:center;border:2px solid #e2e8f0;border-radius:var(--yns-radius-md);background:#f7fafc;transition:all .2s ease}.yns-code-input:focus{outline:none;border-color:var(--yns-sage);background:#fff;box-shadow:0 0 0 3px #46523e1a}.yns-code-input.valid{border-color:var(--yns-success);background:#38a1690d}.yns-code-input.invalid{border-color:var(--yns-error);background:#e53e3e0d}.yns-code-status{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px}.yns-code-status span{display:none;width:24px;height:24px}.yns-code-status span svg{width:100%;height:100%}.yns-code-status .yns-status-checking{color:var(--yns-sage)}.yns-code-status .yns-status-valid{color:var(--yns-success)}.yns-code-status .yns-status-invalid{color:var(--yns-error)}.yns-code-input-wrapper.checking .yns-status-checking,.yns-code-input-wrapper.valid .yns-status-valid,.yns-code-input-wrapper.invalid .yns-status-invalid{display:block}.yns-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yns-password-wrapper{position:relative}.yns-password-wrapper .yns-input{padding-right:50px}.yns-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--yns-text-muted);transition:color .2s ease}.yns-password-toggle:hover{color:var(--yns-text)}.yns-password-toggle svg{width:20px;height:20px}.yns-password-toggle .yns-eye-closed,.yns-password-toggle.showing .yns-eye-open{display:none}.yns-password-toggle.showing .yns-eye-closed{display:block}.yns-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--yns-radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none}.yns-btn-primary{background:linear-gradient(135deg,var(--yns-sage) 0%,var(--yns-sage-light) 100%);color:#fff;box-shadow:0 4px 14px #46523e4d}.yns-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #46523e66}.yns-btn-primary:active{transform:translateY(0)}.yns-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.yns-btn-secondary{background:#fff;color:var(--yns-sage);border:2px solid var(--yns-sage)}.yns-btn-secondary:hover{background:var(--yns-sage-lighter)}.yns-btn-loading,.yns-btn.loading .yns-btn-text{display:none}.yns-btn.loading .yns-btn-loading{display:block}.yns-btn-success{width:100%;font-size:1.125rem;padding:18px 32px}.yns-btn-success svg{width:20px;height:20px}.yns-back-btn{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--yns-text-muted);background:none;border:none;cursor:pointer;transition:color .2s ease}.yns-back-btn:hover{color:var(--yns-sage)}.yns-back-btn svg{width:18px;height:18px}.yns-existing-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#46523e0d;border:1px solid rgba(70,82,62,.1);border-radius:var(--yns-radius-md);margin-bottom:24px;text-align:left;width:100%}.yns-existing-notice.hidden{display:none}.yns-notice-icon{flex-shrink:0;width:24px;height:24px;color:var(--yns-sage)}.yns-notice-icon svg{width:100%;height:100%}.yns-notice-content{flex:1}.yns-notice-title{font-weight:600;color:var(--yns-sage);margin:0 0 4px}.yns-notice-text{font-size:.875rem;color:var(--yns-text-muted);margin:0;line-height:1.5}.yns-notice-text a{color:var(--yns-sage);font-weight:600;text-decoration:underline}.yns-secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:.75rem;color:var(--yns-text-muted)}.yns-secure-note svg{flex-shrink:0}.yns-success-animation{margin-bottom:24px}.yns-success-circle{width:100px;height:100px}.yns-success-circle svg{width:100%;height:100%}.yns-success-circle-bg{fill:none;stroke:#e2e8f0;stroke-width:4}.yns-success-circle-progress{fill:none;stroke:var(--yns-success);stroke-width:4;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transform:rotate(-90deg);transform-origin:center;animation:circleProgress .6s ease-out .2s forwards}.yns-success-check{fill:none;stroke:var(--yns-success);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:checkDraw .4s ease-out .7s forwards}@keyframes circleProgress{to{stroke-dashoffset:0}}@keyframes checkDraw{to{stroke-dashoffset:0}}.yns-success-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(56,161,105,.15) 0%,transparent 70%);opacity:0;animation:yns-glow-pulse 1s ease-out 1s forwards;pointer-events:none}@keyframes yns-glow-pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(1)}}.yns-redemption.success{background:linear-gradient(180deg,var(--yns-cream) 0%,rgba(56,161,105,.03) 100%);transition:background 1s ease}.yns-redemption.success .yns-access-list li{opacity:0;animation:fadeIn .4s ease forwards}.yns-redemption.success .yns-access-list li:nth-child(1){animation-delay:1.2s}.yns-redemption.success .yns-access-list li:nth-child(2){animation-delay:1.35s}.yns-redemption.success .yns-access-list li:nth-child(3){animation-delay:1.5s}.yns-redemption.success .yns-access-list li:nth-child(4){animation-delay:1.65s}.yns-step.completed .yns-step-number{animation:yns-step-complete .4s ease}@keyframes yns-step-complete{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.yns-success-title{color:var(--yns-success)}.yns-access-list{list-style:none;padding:0;margin:0 0 32px;width:100%;text-align:left}.yns-access-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--yns-sage-lighter);border-radius:var(--yns-radius-sm);margin-bottom:8px;font-size:.9375rem}.yns-access-list li:last-child{margin-bottom:0}.yns-access-icon{width:20px;height:20px;color:var(--yns-sage);flex-shrink:0}.yns-access-icon svg{width:100%;height:100%}.yns-error-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;background:#e53e3e0d;border:1px solid rgba(229,62,62,.1);border-radius:var(--yns-radius-md);margin-top:20px;animation:fadeIn .3s ease}.yns-error-message.hidden{display:none}.yns-error-icon{width:48px;height:48px;color:var(--yns-error);margin-bottom:16px}.yns-error-icon svg{width:100%;height:100%}.yns-error-text{color:var(--yns-error);font-weight:500;margin:0 0 16px}.yns-help-link{margin-top:24px}.yns-help-link p{font-size:.875rem;color:var(--yns-text-muted);margin:0}.yns-help-link a{color:var(--yns-sage);font-weight:500;text-decoration:underline}.yns-redemption-footer{text-align:center}.yns-redemption-footer p{font-size:.8125rem;color:var(--yns-text-muted);margin:0}.yns-redemption-footer a{color:var(--yns-sage);text-decoration:none}.yns-redemption-footer a:hover{text-decoration:underline}@media(max-width:600px){.yns-redemption{padding:40px 16px 24px;justify-content:flex-start}.yns-redemption-container{gap:20px}.yns-redemption-steps{padding:0}.yns-step-label{font-size:.6875rem}.yns-step-number{width:32px;height:32px;font-size:.8125rem}.yns-step-connector{width:24px;margin:0 4px 20px}.yns-redemption-card{padding:28px 20px;border-radius:var(--yns-radius-lg)}.yns-step-icon{width:56px;height:56px;margin-bottom:20px}.yns-redemption-title{font-size:1.5rem}.yns-redemption-subtitle{font-size:.9375rem;margin-bottom:24px}.yns-form-row{grid-template-columns:1fr}.yns-code-input{font-size:1rem;padding:16px 45px 16px 16px;letter-spacing:1px}.yns-btn{width:100%;padding:14px 24px}.yns-access-list li{font-size:.875rem;padding:10px 14px}.yns-toggle-btn{font-size:.8125rem;padding:10px 12px}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.yns-confetti{animation:confetti-fall 3s linear forwards}@media(prefers-reduced-motion:reduce){.yns-redemption *,.yns-redemption *:before,.yns-redemption *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.yns-redemption-header,.yns-redemption-steps,.yns-redemption-card,.yns-redemption-step{opacity:1!important;transform:none!important}.yns-success-circle-progress,.yns-success-check{stroke-dashoffset:0!important}.yns-access-list li{opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/yns-redemption.css.map */