*{margin:0;padding:0;box-sizing:border-box;font-display:swap}html,body{width:100%;height:100%;font-family:Inter,sans-serif;background-color:#fffaf7;overflow-x:hidden}body.no-checkout-padding{padding-top:0!important}html.lenis{height:auto}.lenis-wrapper{min-height:100vh}html{scroll-behavior:auto!important}body.navigation-loading{pointer-events:none;cursor:wait!important}body.navigation-loading *{pointer-events:none!important;cursor:wait!important}html{scroll-behavior:smooth}.loader-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffff2;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{to{opacity:1}}.dot-spinner{--uib-size: 2.8rem;--uib-speed: .9s;--uib-color: #f96318;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px #121f354d}@keyframes pulse0112{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}.reminder-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reminder-popup-overlay.visible{opacity:1;visibility:visible}.reminder-popup-overlay.visible .reminder-popup{transform:translateY(0) scale(1);opacity:1}.reminder-popup{background:#fff;border-radius:20px;padding:32px;max-width:480px;width:90%;position:relative;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a;transform:translateY(20px) scale(.95);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.005)}}.reminder-close{position:absolute;top:20px;right:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.reminder-close:hover{background:#f1f5f9;color:#f96318;border-color:#f96318;transform:rotate(90deg)}.reminder-close svg{transition:transform .2s ease}.reminder-content{text-align:center}.reminder-content .reminder-icon{margin-bottom:20px}.reminder-content .reminder-icon svg{filter:drop-shadow(0 4px 12px rgba(249,99,24,.15))}.reminder-content h3{color:#1e293b;margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.3;background:linear-gradient(135deg,#f96318,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reminder-content p{color:#475569;line-height:1.6;margin-bottom:12px;font-size:16px}.reminder-content .reminder-note{font-size:15px;color:#64748b;font-style:italic;margin-bottom:24px;padding:12px 16px;background:#f8fafc;border-radius:10px;border-left:3px solid #F96318}.reminder-progress{margin:24px 0}.reminder-progress .progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:8px}.reminder-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#f96318,#ff8c42);border-radius:3px;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.reminder-progress .progress-bar .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.reminder-progress .progress-text{font-size:14px;color:#64748b;font-weight:500}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reminder-actions{margin-top:28px;display:flex;flex-direction:column;gap:12px}.reminder-actions button{padding:14px 24px;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.reminder-actions .reminder-primary{background:linear-gradient(135deg,#f96318,#ff8c42);color:#fff;box-shadow:0 4px 15px #f9631833}.reminder-actions .reminder-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f963184d}.reminder-actions .reminder-primary:active{transform:translateY(0)}.reminder-actions .reminder-primary svg{transition:transform .2s ease}.reminder-actions .reminder-primary:hover svg{transform:translate(4px)}.reminder-actions .reminder-secondary{background:transparent;color:#64748b;border:1px solid #e2e8f0}.reminder-actions .reminder-secondary:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1;transform:translateY(-1px)}@media(max-width:480px){.reminder-popup{padding:24px;margin:16px}.reminder-actions{flex-direction:column}}