.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:radial-gradient(ellipse at 50% 0%,rgba(240,236,227,.04) 0%,transparent 50%),var(--color-bg-primary)}.auth-container{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);text-decoration:none}.auth-logo img{width:48px;height:48px;border-radius:var(--radius-md);flex:0 0 auto;opacity:.6}.auth-logo span{font-size:var(--font-size-xl);font-weight:800;font-stretch:115%;text-transform:uppercase;letter-spacing:-.01em;color:var(--color-text-primary);margin:0}.auth-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--color-text-secondary)}.auth-card{padding:var(--spacing-2xl)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input.error{border-color:var(--color-error)}.auth-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:calc(var(--spacing-sm) * -1)}.auth-submit{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-action-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-action-stack .btn{width:100%}.auth-fallback-link{margin:0}.auth-fallback-link a{color:var(--color-accent);font-weight:var(--font-weight-medium)}.auth-forgot{text-align:right;margin-top:calc(var(--spacing-md) * -1)}.auth-forgot .auth-link-button{font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-forgot .auth-link-button:hover{color:var(--color-accent)}.auth-social{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-google:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-text-muted)}.btn-google svg{width:20px;height:20px}.auth-toggle{margin-top:var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#f0ece30d;border:1px solid rgba(240,236,227,.25);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left}.auth-toggle span{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.auth-toggle .auth-link-button{display:inline-flex;align-items:center;justify-content:center;min-width:124px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.auth-toggle .auth-link-button:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}@media(max-width:480px){.auth-logo span{font-size:var(--font-size-sm)}.auth-toggle{flex-direction:column;align-items:stretch;text-align:center}.auth-toggle .auth-link-button{width:100%}}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:200;opacity:0;visibility:hidden;transition:all var(--transition-base)}.auth-modal.open{opacity:1;visibility:visible}.auth-modal-content{width:100%;max-width:400px;background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.checkout-page{--checkout-accent: var(--color-accent)}.checkout-product-audioprpr{--checkout-accent: var(--color-product-audioprpr)}.checkout-product-drumslicer{--checkout-accent: var(--color-product-drumslicer)}.checkout-product-triggerprpr{--checkout-accent: var(--color-product-triggerprpr)}.checkout-product-impulser{--checkout-accent: var(--color-product-impulser)}.checkout-product-bundle{--checkout-accent: var(--color-product-bundle)}.checkout-container{max-width:560px}.checkout-card{padding:var(--spacing-3xl);text-align:center}.checkout-icon{width:80px;height:80px;margin:0 auto var(--spacing-xl);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.checkout-icon-success{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}.checkout-icon-warning{background:#ff9f0a26;color:#ff9f0a}.checkout-kicker{margin:0 0 var(--spacing-sm);color:var(--checkout-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.checkout-title{margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl)}.checkout-message{margin-bottom:var(--spacing-xl);color:var(--color-text-secondary)}.checkout-next{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid color-mix(in srgb,var(--checkout-accent) 28%,transparent);border-radius:var(--radius-md);text-align:left}.checkout-next-title{margin-bottom:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm)}.checkout-steps{margin:0;padding-left:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.8}.checkout-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.checkout-help{margin-top:var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.checkout-help a{color:var(--checkout-accent);font-weight:var(--font-weight-medium)}.checkout-fallback{margin:var(--spacing-lg) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.checkout-fallback a{color:var(--checkout-accent);font-weight:var(--font-weight-medium)}.checkout-qa{margin-top:var(--spacing-xl);padding:var(--spacing-md);border:1px dashed rgba(255,255,255,.18);border-radius:var(--radius-md);background:#ffffff0a;text-align:left}.checkout-qa-title{margin-bottom:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase}.checkout-qa-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.checkout-qa-links a{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:none}.checkout-qa-links a:hover{border-color:var(--checkout-accent);color:var(--color-text-primary)}@media(max-width:480px){.checkout-card{padding:var(--spacing-2xl)}.checkout-actions .btn{width:100%}}.auth-modal-header h2{font-size:var(--font-size-xl)}.auth-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-muted);transition:all var(--transition-fast)}.auth-modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.auth-success{background-color:#34c7591a;border:1px solid var(--color-success);color:var(--color-success);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-lg)}.auth-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}