.paypal-approval-container{flex-direction:column;gap:.75rem;display:flex}@media (min-width:640px){.paypal-approval-container{gap:1rem}}.loading-container{text-align:center;flex-direction:column;gap:1rem;padding:2rem 0;display:flex}.loading-text{font-weight:500}.loading-description{color:oklch(from var(--foreground)l c h/.6);font-size:.875rem}.error-container{text-align:center;flex-direction:column;gap:1rem;padding:2rem 0;display:flex}.error-icon-wrapper{background-color:oklch(from var(--color-red-500)l c h/.1);border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto;display:flex}.error-icon{width:1.5rem;height:1.5rem;color:var(--color-red-500)}.error-title{font-family:var(--font-mono);color:var(--color-red-500);font-weight:500}.error-description{color:oklch(from var(--foreground)l c h/.6);font-size:.875rem}.button-group{gap:.5rem;display:flex}@media (min-width:640px){.button-group{gap:.75rem}}.button-flex{flex:1;align-items:center;gap:.5rem;display:flex}.header-section{text-align:center;flex-direction:column;gap:.25rem;display:flex}@media (min-width:640px){.header-section{gap:.5rem}}.header-title{font-size:1.125rem;font-weight:600}.header-description{color:oklch(from var(--foreground)l c h/.6);font-size:.875rem}.plan-summary{border:2px solid var(--border);border-radius:var(--radius-base);background-color:var(--secondary-background);padding:.75rem}@media (min-width:640px){.plan-summary{padding:1rem}}.plan-summary-content{justify-content:space-between;align-items:center;display:flex}.plan-info{flex-direction:column;display:flex}.plan-name{font-weight:400}.plan-billing{font-family:var(--font-mono);color:oklch(from var(--foreground)l c h/.6);font-size:.875rem}.plan-total{font-size:1.25rem;font-weight:700}.status-box{border-radius:var(--radius-base);background-color:oklch(from var(--color-blue-500)l c h/.1);border:1px solid oklch(from var(--color-blue-500)l c h/.2);align-items:center;gap:.5rem;padding:.75rem;display:flex}@media (min-width:640px){.status-box{gap:.75rem;padding:1rem}}.status-icon{width:1.25rem;height:1.25rem;color:var(--color-blue-500);animation:1s linear infinite spin}.status-text-container{flex-direction:column;display:flex}.status-title{color:var(--foreground);font-weight:500}.status-description{color:oklch(from var(--foreground)l c h/.6);font-size:.875rem}.paypal-button-container{min-height:150px;position:relative}.paypal-button-disabled{opacity:.5;pointer-events:none}.back-button-section{text-align:center}.back-button-text{font-family:var(--font-mono);color:oklch(from var(--foreground)l c h/.6);text-transform:lowercase;font-size:.875rem;font-weight:400}.back-button-icon{width:1rem;height:1rem;margin-right:.5rem}.terms-text{font-family:var(--font-sans);text-align:center;color:oklch(from var(--foreground)l c h/.6);font-size:.75rem;line-height:1.5}.paypal-privacy-text{font-family:var(--font-sans);text-align:center;color:oklch(from var(--foreground)l c h/.5);margin-top:.25rem;margin-bottom:0;font-size:.7rem;line-height:1.4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.plan-selection-container{flex-direction:column;gap:.75rem;display:flex}@media (min-width:640px){.plan-selection-container{gap:.5rem}}.plan-selection-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}.plan-selection-title{font-family:var(--font-mono);text-transform:lowercase;font-size:1.5rem;font-weight:500}.plan-options-list{flex-direction:column;gap:.5rem;display:flex}.plan-option-button{border-radius:var(--radius-base);text-align:left;cursor:pointer;background-color:var(--background);border:2px solid;width:100%;padding:.625rem;transition:all .2s;position:relative}.plan-option-button-selected{border-color:var(--color-yellow-500);background-color:oklch(from var(--color-yellow-500)l c h/.1);box-shadow:var(--shadow)}.plan-option-button-selected:hover{transform:translateX(var(--box-shadow-x))translateY(var(--box-shadow-y));box-shadow:none}.plan-option-button-unselected{border-color:var(--border)}.plan-option-button-unselected:hover{border-color:oklch(from var(--color-yellow-500)l c h/.5);background-color:oklch(from var(--secondary-background)l c h/.5)}.plan-option-button-unselected:active{background-color:var(--secondary-background)}.plan-best-value-badge{background-color:var(--color-yellow-500);color:var(--main-foreground);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:flex;position:absolute;top:-.75rem;left:1rem}.plan-best-value-icon{width:.75rem;height:.75rem}.plan-option-content{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.plan-option-info{flex:1}.plan-option-name-row{align-items:center;gap:.5rem;display:flex}.plan-option-name{font-size:.9375rem;font-weight:600}.plan-option-check-wrapper{background-color:var(--color-yellow-500);border:1px solid var(--border);border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.plan-option-check-icon{width:.75rem;height:.75rem;color:var(--main-foreground)}.plan-option-description{color:oklch(from var(--foreground)l c h/.6);margin-top:.125rem;font-size:.8125rem}.plan-option-savings{color:var(--foreground-positive);margin-top:.125rem;font-size:.8125rem;font-weight:500}.plan-option-pricing{text-align:right;flex-shrink:0}.plan-option-price{font-size:1.125rem;font-weight:700}.plan-option-period,.plan-option-tax{color:oklch(from var(--foreground)l c h/.6);font-size:.6875rem}.plan-features-box{background-color:var(--secondary-background);border-radius:var(--radius-base);border:2px solid var(--border);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.plan-features-title{font-weight:500;font-family:var(--font-mono);text-transform:lowercase;font-size:1rem}.plan-features-list{grid-template-columns:repeat(2,1fr);gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.plan-feature-item{align-items:flex-start;gap:.5rem;font-size:.875rem;display:flex}.plan-feature-icon{width:1rem;height:1rem;color:var(--foreground-positive);flex-shrink:0;margin-top:.125rem}.plan-terms-section{background-color:var(--secondary-background);border-radius:var(--radius-base);border:1px solid var(--border);align-items:flex-start;gap:.5rem;padding:.5rem;display:flex}.plan-terms-label{cursor:pointer;color:oklch(from var(--foreground)l c h/.6);font-size:.75rem;line-height:1.4}.plan-terms-link{color:var(--color-celadon-500);text-decoration:underline;transition:color .2s}.plan-terms-link:hover{color:var(--color-green-500);text-decoration:none}.plan-action-buttons{gap:.75rem;display:flex}.plan-action-button-flex{font-family:var(--font-mono);text-transform:lowercase;flex:1}
.progress-container{width:100%}.progress-steps{justify-content:center;align-items:center;display:flex}.progress-step{flex-shrink:0;align-items:center;display:flex}.step-content{flex-direction:column;align-items:center;gap:.15rem;display:flex}.step-badge{width:1.75rem;height:1.75rem;font-size:.875rem;font-weight:500;font-family:var(--font-mono);border:2px solid;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}@media (min-width:640px){.step-badge{width:2rem;height:2rem;font-size:1rem}}.step-badge-completed{border-color:var(--color-yellow-500);background-color:var(--color-yellow-500);color:var(--main-foreground)}.step-badge-current{border-color:var(--color-yellow-500);background-color:oklch(from var(--color-yellow-500)l c h/.1);color:var(--foreground);box-shadow:var(--shadow)}.step-badge-pending{border-color:oklch(from var(--foreground)l c h/.3);background-color:var(--secondary-background);color:oklch(from var(--foreground)l c h/.6)}.step-check-icon{width:1rem;height:1rem}.step-label{color:var(--foreground);font-size:.875rem;font-weight:500;font-family:var(--font-mono);text-transform:lowercase;transition:color .2s}@media (min-width:640px){.step-label{font-size:1rem}}.step-label-completed,.step-label-current{color:var(--foreground)}.step-label-pending{color:oklch(from var(--foreground)l c h/.6)}.step-label-full{display:none}.step-label-short{display:inline}@media (min-width:640px){.step-label-full{display:inline}.step-label-short{display:none}}.step-connector{flex:1;min-width:2rem;max-width:4rem;height:2px;margin:0 .5rem;transition:all .2s}.step-connector-completed{background-color:var(--color-yellow-500)}.step-connector-pending{background-color:oklch(from var(--foreground)l c h/.3)}