:root{--color-primary-accent: #111;--color-checkmark-green: #22c55e;--color-checkmark-green-dark: #16a34a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;min-height:100vh;padding:0;color:#111;-webkit-font-smoothing:antialiased}.page-container{max-width:1200px;width:100%;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:992px){.page-container{padding:60px 20px}.main-content{max-width:760px;margin:0 auto}}.main-content{text-align:center;animation:fadeIn 1s ease-out;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.checkmark{width:70px;height:70px;margin:0 auto 32px;border-radius:50%;background:linear-gradient(135deg,var(--color-checkmark-green) 0%,var(--color-checkmark-green-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.checkmark svg{width:36px;height:36px;stroke:#fff;stroke-width:3;stroke-dasharray:50;stroke-dashoffset:50;animation:drawCheck .5s ease-out .3s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}h1{font-size:clamp(28px,5vw,36px);font-weight:800;color:#111;margin-bottom:12px;letter-spacing:-.02em}.subtitle{font-size:clamp(16px,3vw,18px);color:#6b7280;margin-bottom:clamp(32px,8vw,48px);font-weight:400}.subtitle strong{color:#111}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:clamp(24px,5vw,32px);margin-bottom:32px;box-shadow:0 1px 3px #0000000d;text-align:left}:root{--step-duration: .5s;--line-duration: .8s;--start-delay: .7s}.timeline-wrapper{position:relative}.timeline-wrapper:before{content:"";position:absolute;top:16px;bottom:16px;left:16px;width:2px;background-color:#e5e7eb;z-index:1}.timeline-item{display:flex;align-items:flex-start;gap:16px;position:relative;z-index:2;margin-bottom:24px}.timeline-item:last-child{margin-bottom:0}.timeline-item:after{content:"";position:absolute;top:32px;left:16px;width:2px;height:calc(100% + 24px);background:var(--color-primary-accent);z-index:1;transform:scaleY(0);transform-origin:top}.timeline-item:last-child:after{display:none}.timeline-step{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;z-index:2;background:#fff;border:2px solid #e5e7eb;color:#6b7280;opacity:.5;transform:scale(.9);transition:all .4s ease}.timeline-content{text-align:left;padding-top:4px;opacity:.5;transform:translateY(10px)}.timeline-content strong{font-size:16px;font-weight:600;color:#6b7280;display:block;margin-bottom:4px;transition:color .3s ease}.timeline-content p{font-size:15px;color:#6b7280;line-height:1.6}.timeline-content p strong{font-size:15px;font-weight:600;color:#374151;display:inline;margin-bottom:0}@keyframes activateStep{0%{transform:scale(.9);opacity:.5;border-color:#e5e7eb;background:#fff;color:#6b7280}to{transform:scale(1);opacity:1;border-color:var(--color-primary-accent);background:var(--color-primary-accent);color:#fff}}@keyframes fillLineSegment{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fadeInContent{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes highlightContentTitle{0%{color:#6b7280}to{color:#111}}.timeline-item:nth-child(1) .timeline-step{animation:activateStep var(--step-duration) cubic-bezier(.68,-.55,.265,1.55) var(--start-delay) forwards}.timeline-item:nth-child(1) .timeline-content{animation:fadeInContent var(--step-duration) ease-out var(--start-delay) forwards}.timeline-item:nth-child(1) .timeline-content strong{animation:highlightContentTitle var(--step-duration) ease-out var(--start-delay) forwards}.timeline-item:nth-child(1):after{animation:fillLineSegment var(--line-duration) ease-in-out calc(var(--start-delay) + var(--step-duration)) forwards}.timeline-item:nth-child(2) .timeline-step{animation:activateStep var(--step-duration) cubic-bezier(.68,-.55,.265,1.55) calc(var(--start-delay) + var(--step-duration) + var(--line-duration)) forwards}.timeline-item:nth-child(2) .timeline-content{animation:fadeInContent var(--step-duration) ease-out calc(var(--start-delay) + var(--step-duration) + var(--line-duration)) forwards}.timeline-item:nth-child(2) .timeline-content strong{animation:highlightContentTitle var(--step-duration) ease-out calc(var(--start-delay) + var(--step-duration) + var(--line-duration)) forwards}.timeline-item:nth-child(2):after{animation:fillLineSegment var(--line-duration) ease-in-out calc(var(--start-delay) + var(--step-duration) * 2 + var(--line-duration)) forwards}.timeline-item:nth-child(3) .timeline-step{animation:activateStep var(--step-duration) cubic-bezier(.68,-.55,.265,1.55) calc(var(--start-delay) + var(--step-duration) * 2 + var(--line-duration) * 2) forwards}.timeline-item:nth-child(3) .timeline-content{animation:fadeInContent var(--step-duration) ease-out calc(var(--start-delay) + var(--step-duration) * 2 + var(--line-duration) * 2) forwards}.timeline-item:nth-child(3) .timeline-content strong{animation:highlightContentTitle var(--step-duration) ease-out calc(var(--start-delay) + var(--step-duration) * 2 + var(--line-duration) * 2) forwards}.buttons{display:flex;gap:16px;justify-content:center}.btn{padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:var(--color-primary-accent);color:#fff}.btn-primary:hover{background:#374151;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#111;border-color:#e5e7eb}.btn-secondary:hover{border-color:#111;transform:translateY(-2px)}@media(max-width:500px){.buttons{flex-direction:column}.btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/thank-you-page.css.map */