.shop-page{max-width:1200px;margin:0 auto}.shop-header{text-align:center;margin-bottom:2rem}.shop-header h2{font-size:1.75rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.shop-header p{color:var(--text-muted);font-size:1rem}.billing-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:2.5rem}.toggle-btn{padding:10px 20px;background:var(--surface);border:1px solid var(--border);font-family:var(--font-code);font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.toggle-btn:hover{border-color:var(--border-active);color:var(--text-main)}.toggle-btn.active{background:var(--text-main);color:var(--bg);border-color:var(--text-main)}.save-badge{background:var(--accent-green);color:var(--bg);padding:2px 6px;font-size:.7rem;font-weight:700}.toggle-btn.active .save-badge{background:var(--bg);color:var(--text-main)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.loading-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted)}.loader{width:40px;height:40px;border:2px solid var(--border);border-top-color:var(--text-main);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.plan-card{background:var(--surface);border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;position:relative}.plan-card:hover{border-color:var(--border-active);transform:translateY(-4px)}.plan-card.popular{border-color:var(--accent-green)}.plan-card.popular:before{content:"POPULAR";position:absolute;top:-1px;right:20px;background:var(--accent-green);color:var(--bg);padding:4px 12px;font-family:var(--font-code);font-size:.7rem;font-weight:700;letter-spacing:1px}.plan-name{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.plan-description{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.plan-price{margin-bottom:1.5rem}.price-amount{font-size:2.5rem;font-family:var(--font-code);font-weight:700;color:var(--text-main)}.price-currency{font-size:1.25rem;color:var(--text-muted);margin-right:2px}.price-period{font-size:1rem;color:var(--text-muted)}.plan-specs{flex:1;margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.spec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-family:var(--font-code);font-size:.85rem}.spec-label{color:var(--text-muted)}.spec-value{color:var(--text-main);font-weight:500}.plan-features{margin-bottom:1.5rem}.feature-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.85rem;color:var(--text-muted)}.feature-check{color:var(--accent-green);font-family:var(--font-code);font-weight:700}.btn-purchase{width:100%;padding:14px 24px;background:var(--text-main);color:var(--bg);border:1px solid var(--text-main);font-family:var(--font-code);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s}.btn-purchase:hover{background:#ccc;border-color:#ccc}.btn-purchase:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000c;display:none;justify-content:center;align-items:center;z-index:1000}.modal-overlay.show{display:flex}.modal-content{background:var(--surface);border:1px solid var(--border);width:100%;max-width:450px;margin:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.1rem;font-weight:600;color:var(--text-main);margin:0}.modal-close{background:none;border:none;color:var(--text-muted);font-family:var(--font-code);font-size:.9rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--text-main)}.modal-body{padding:20px}.modal-plan-info{color:var(--accent-green);font-family:var(--font-code);font-size:.9rem;margin-bottom:20px;padding:10px;background:#00ff881a;border:1px solid var(--accent-green)}.domain-label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:8px}.domain-input{width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border);color:var(--text-main);font-family:var(--font-code);font-size:1rem;box-sizing:border-box}.domain-input:focus{outline:none;border-color:var(--border-active)}.domain-hint{color:var(--text-muted);font-size:.8rem;margin-top:8px}.modal-error{color:#f44;font-size:.85rem;margin-top:12px;display:none}.modal-error.show{display:block}.modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid var(--border)}.btn-cancel{flex:1;padding:12px 20px;background:transparent;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-code);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-cancel:hover{border-color:var(--text-main);color:var(--text-main)}.btn-proceed{flex:2;padding:12px 20px;background:var(--accent-green);border:1px solid var(--accent-green);color:var(--bg);font-family:var(--font-code);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-proceed:hover{background:#00cc6a;border-color:#00cc6a}.btn-proceed:disabled{opacity:.6;cursor:not-allowed}.features-section{background:var(--surface);border:1px solid var(--border);padding:2rem;text-align:center;margin-bottom:1.5rem}.features-section h3{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;font-size:.9rem;color:var(--text-muted)}.feature-icon{font-family:var(--font-code);font-size:.8rem;color:var(--accent-green);font-weight:700}.payment-info{display:flex;align-items:center;justify-content:center;gap:12px;padding:1.5rem;background:var(--surface);border:1px solid var(--border);text-align:center}.crypto-badge{font-family:var(--font-code);font-size:.8rem;color:#f7931a;font-weight:700}.payment-info p{color:var(--text-muted);font-size:.9rem;margin:0}.toast{position:fixed;bottom:30px;right:30px;background:var(--surface);border:1px solid var(--border);padding:16px 24px;font-family:var(--font-code);font-size:.9rem;color:var(--text-main);z-index:1001;transform:translateY(100px);opacity:0;transition:all .3s}.toast.show{transform:translateY(0);opacity:1}.toast.info{border-color:var(--accent-green)}.toast.error{border-color:#f44;color:#f44}@media(max-width:768px){.billing-toggle{flex-wrap:wrap}.plans-grid{grid-template-columns:1fr}.price-amount{font-size:2rem}.modal-footer{flex-direction:column}.btn-cancel,.btn-proceed{flex:none;width:100%}}
