.layout{min-height:100%;display:flex;flex-direction:column}.main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-md) 0}@media (max-height: 700px){.main{justify-content:flex-start}}.checkout-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:600;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group .input{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.wallet-hints{min-height:2.5rem;display:flex;flex-direction:column;gap:2px}.input-hint{font-size:.7rem;color:var(--color-text-muted);opacity:.7}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error)}.input-error-hint{font-size:.7rem;color:var(--color-error)}.input-warning{font-size:.7rem;color:#f59e0b;margin-top:var(--spacing-xs)}.form-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm)}.summary-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:.875rem;color:var(--color-text-muted)}.summary-row.total{border-top:1px solid var(--color-border);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);font-weight:700;font-size:1rem;color:var(--color-text)}.summary-row.total span:last-child{color:var(--color-primary)}.summary-note{font-size:.65rem;color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-sm);opacity:.7}.checkout-form .btn{min-height:44px;margin-top:var(--spacing-xs)}.checkout-form .btn.processing{animation:pulse 2s ease-in-out infinite;background:var(--color-primary);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.checkout-form .error-text{text-align:center;white-space:pre-line}.checkout-form.is-processing{pointer-events:none}.checkout-form.is-processing .input,.checkout-form.is-processing .stripe-element{opacity:.5}.checkout{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;max-width:360px;margin:0 auto}.checkout-header{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:center}.back-link{color:var(--color-text-muted);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;transition:color .2s}.back-link:hover{color:var(--color-accent)}.checkout.is-processing .back-link{opacity:.3;pointer-events:none;cursor:not-allowed}.checkout .page-title{font-size:1.5rem;font-weight:800;letter-spacing:.02em}.quantity-selector{display:flex;align-items:center;gap:var(--spacing-xs)}.quantity-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:all .2s}.quantity-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-value{font-size:.875rem;font-weight:600;min-width:24px;text-align:center}.home{display:flex;flex-direction:column;gap:16px;padding:8px 0}.home .error-text,.pack-info{text-align:center}.pack-title{font-size:1.75rem;font-weight:800;letter-spacing:.02em;margin-bottom:4px}.pack-subtitle{font-size:.75rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.pack-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--spacing-sm);max-width:320px;margin-left:auto;margin-right:auto}.pack-price{font-size:1.25rem;font-weight:600;color:var(--color-primary)}.price-wild{font-size:.875rem;font-weight:400;color:var(--color-text-muted)}.price-updated{font-size:.7rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);opacity:.7}.pack-image{width:100%;max-width:360px;height:auto;margin:0 auto;border-radius:var(--radius-lg)}.purchase-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-xs) var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.8rem;max-width:360px;width:100%;margin:0 auto}.purchase-section .btn{min-height:40px;padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem}.quantity-row{display:flex;align-items:center;justify-content:space-between}.quantity-label{color:var(--color-text-muted)}.total-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;margin-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.total-price{font-weight:700}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-border) 50%,var(--color-surface) 100%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.skeleton-price{width:140px;height:1.25rem;vertical-align:middle}.skeleton-text{width:220px;height:.7rem;vertical-align:middle}.skeleton-total{width:60px;height:.875rem;vertical-align:middle}.availability-text{font-size:.7rem;color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-xs)}.availability-warning{font-size:.7rem;color:#f59e0b;text-align:center;margin-top:var(--spacing-xs)}.btn-disabled{opacity:.5;cursor:not-allowed}.success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-lg) 0;max-width:360px;margin:0 auto}.home-link{color:var(--color-text-muted);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;transition:color .2s}.home-link:hover{color:var(--color-accent)}.success-icon{color:var(--color-accent);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-accent);border-radius:50%;padding:var(--spacing-sm)}.success-icon svg{width:36px;height:36px}.success .page-title{font-size:1.75rem;font-weight:800;letter-spacing:.02em}.success-message{color:var(--color-text-muted);font-size:.875rem}.success-message strong{color:var(--color-text)}.wallet-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--color-text-muted)}.wallet-link{text-decoration:none}.wallet-address{font-family:monospace;color:var(--color-accent);background:var(--color-surface);padding:2px 6px;border-radius:var(--radius);transition:background .2s}.wallet-link:hover .wallet-address{background:var(--color-border)}.wallet-chain{color:var(--color-text-muted)}.success .pack-image{width:100%;max-width:360px;height:auto;border-radius:var(--radius-lg)}.success .btn{min-height:44px;width:100%;max-width:360px;text-decoration:none}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#0a0a0a;color:#fafafa}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:root{--color-primary: #E85D3F;--color-primary-hover: #D14D2F;--color-accent: #00D1FF;--color-success: #22c55e;--color-error: #ef4444;--color-bg: #0a0a0a;--color-surface: #141414;--color-border: #262626;--color-text: #fafafa;--color-text-muted: #888888;--radius: 4px;--radius-lg: 8px;--max-width: 420px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color .2s,transform .1s;min-height:48px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{background:#333;color:#666;cursor:not-allowed;transform:none}.btn-block{width:100%}.input{width:100%;padding:var(--spacing-md);font-size:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);min-height:48px}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important;caret-color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.error-text{color:var(--color-error);font-size:.875rem;margin-top:var(--spacing-xs)}.success-text{color:var(--color-success)}.stripe-element{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-height:48px}.stripe-element--focus{border-color:var(--color-primary)}.stripe-element--invalid{border-color:var(--color-error)}