.payment-component{width:100%}.payment-component h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-dark)}.payment-subtitle{color:var(--text-light);margin-bottom:1.5rem;font-size:.9375rem}.back-button{background:none;border:none;color:var(--primary-color);font-size:.9375rem;font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .3s ease}.back-button:hover{color:var(--primary-dark)}.currency-selector{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.currency-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--surface-bg);border-radius:var(--radius-lg);box-shadow:var(--surface-shadow-inset);cursor:pointer;transition:all .3s ease}.currency-card:hover{transform:translateY(-2px)}.currency-card:hover,.currency-icon{box-shadow:var(--surface-shadow-flat)}.currency-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-bg);border-radius:var(--radius-md)}.currency-info{flex:1 1}.currency-info h4{font-size:1.125rem;margin:0 0 .25rem;color:var(--text-dark);font-weight:600}.currency-info p{font-size:.875rem;margin:0;color:var(--text-light)}.currency-arrow{font-size:1.5rem;color:var(--text-light)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.plan-card{padding:1.5rem;background:var(--surface-bg);border-radius:var(--radius-lg);box-shadow:var(--surface-shadow-inset);cursor:pointer;transition:all .3s ease;text-align:center}.plan-card:hover{box-shadow:var(--surface-shadow-flat);transform:translateY(-2px)}.plan-card.selected{box-shadow:0 0 0 3px rgba(99,102,241,.2),var(--surface-shadow-flat);background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.05))}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plan-header h4{font-size:1rem;margin:0;color:var(--text-dark);font-weight:600}.checkmark{width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);color:#fff;align-items:center;font-size:.875rem;font-weight:700}.checkmark,.plan-price{display:flex;justify-content:center}.plan-price{align-items:baseline;gap:.25rem}.price-value{font-size:1.75rem;font-weight:700;color:var(--text-dark)}.price-currency{font-size:1.25rem;font-weight:600;color:var(--text-light)}.btn-subscribe{width:100%;padding:16px;font-size:1.125rem;margin-top:1rem}.loading{padding:2rem 0;color:var(--text-light)}.error-message{margin-bottom:1rem}@media (max-width:768px){.plans-grid{grid-template-columns:repeat(2,1fr)}.currency-card{padding:1rem}}.account-page{min-height:100vh;background:var(--surface-bg);padding:2rem 0}.account-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.loading{text-align:center;padding:4rem 0;font-size:1.2rem;color:var(--text-dark)}.login-card{background:var(--surface-bg);border-radius:var(--radius-2xl);padding:3rem;box-shadow:var(--surface-shadow-flat);max-width:500px;margin:2rem auto}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--text-light);font-size:1rem}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:600;color:var(--text-dark);font-size:.9375rem}.form-group input{padding:12px 16px;border:none;border-radius:var(--radius-md);background:var(--surface-bg);box-shadow:var(--surface-shadow-inset);font-size:1rem;color:var(--text-dark);transition:all .3s ease}.form-group input:focus{outline:none;box-shadow:var(--surface-shadow-inset),0 0 0 3px rgba(99,102,241,.1)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px 16px;background:rgba(239,68,68,.1);border-radius:var(--radius-md);color:#ef4444;font-size:.9375rem;text-align:center}.login-footer{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.login-footer p{color:var(--text-light);font-size:.9375rem}.login-footer a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.login-footer a:hover{color:var(--primary-dark)}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.account-header h1{font-size:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-content{display:flex;flex-direction:column;gap:2rem}.user-info-card{background:var(--surface-bg);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--surface-shadow-flat)}.user-info-card h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-dark)}.user-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-light)}.info-value{font-weight:500;color:var(--text-dark)}.info-value.premium{color:#f59e0b;font-weight:700}.info-value.free{color:var(--text-light)}.payment-section{background:var(--surface-bg);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--surface-shadow-flat)}.payment-section h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-dark)}.payment-description{color:var(--text-light);margin-bottom:1.5rem;font-size:.9375rem}.premium-info{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.1));border-radius:var(--radius-2xl);padding:2rem;text-align:center;box-shadow:var(--surface-shadow-flat)}.premium-info h2{font-size:1.5rem;margin-bottom:.5rem;color:#f59e0b}.premium-info p{color:var(--text-light);font-size:1rem}.btn{padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--surface-shadow-flat)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px var(--surface-shadow-dark),0 -3px 6px var(--surface-shadow-light)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--surface-shadow-inset)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface-bg);color:var(--text-dark);box-shadow:var(--surface-shadow-inset)}.btn-secondary:hover{box-shadow:var(--surface-shadow-flat)}@media (max-width:768px){.account-container{padding:0 1rem}.login-card{padding:2rem 1.5rem}.account-header,.info-row{flex-direction:column;align-items:flex-start}.info-row{gap:.25rem}}