:root{--bg:#f1f5f9;--surface:#fff;--glass:#ffffffb8;--glass-hover:#ffffffe0;--glass-border:#ffffff8c;--text:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--primary:#7c3aed;--primary-dark:#6d28d9;--secondary:#06b6d4;--success:#10b981;--gradient-aurora:linear-gradient(135deg, #7c3aed, #3b82f6, #06b6d4);--shadow-sm:0 2px 8px #0000000f;--shadow:0 4px 24px #00000014;--shadow-lg:0 12px 40px #0000001f;--radius:16px;--radius-sm:10px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f1f5f9 100%);min-height:100vh;font-family:Montserrat,sans-serif}#root{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding-bottom:60px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition), background var(--transition)}.glass:hover{box-shadow:var(--shadow-lg);background:var(--glass-hover);transform:translateY(-4px)}.header{z-index:100;-webkit-backdrop-filter:blur(24px);background:#ffffffd6;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:12px;display:flex}.header-title{color:var(--text);font-size:1.15rem;font-weight:700}.header-emoji{font-size:1.2rem}.badge{text-transform:uppercase;letter-spacing:.5px;background:var(--gradient-aurora);color:#fff;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700}.cart-btn{cursor:pointer;transition:background var(--transition);background:0 0;border:none;border-radius:12px;padding:8px;font-size:1.4rem;position:relative}.cart-btn:hover{background:#0000000a}.cart-count{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;right:0;transform:translate(4px,-4px)}.hero{text-align:center;padding:60px 20px 40px}.hero-title{background:var(--gradient-aurora);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:2.5rem;font-weight:800;animation:.6s both fadeUp}.search-bar{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);max-width:500px;box-shadow:var(--shadow-sm);border-radius:50px;margin:0 auto;animation:.6s .15s both fadeUp;display:flex;overflow:hidden}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:14px 20px;font-family:Montserrat,sans-serif;font-size:.95rem}.search-input::placeholder{color:var(--text-tertiary)}.search-btn{background:var(--gradient-aurora);color:#fff;cursor:pointer;transition:opacity var(--transition);border:none;padding:14px 28px;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600}.search-btn:hover{opacity:.9}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding:0 24px 40px;display:grid}.product-card{text-align:center;flex-direction:column;align-items:center;padding:28px 24px 24px;animation:.6s both fadeUp;display:flex}.product-icon{margin-bottom:12px;font-size:3rem}.product-name{color:var(--text);margin-bottom:8px;font-size:1.05rem;font-weight:700}.product-price{background:var(--gradient-aurora);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:1.5rem;font-weight:800}.product-features{text-align:left;width:100%;margin-bottom:20px;list-style:none}.product-features li{color:var(--text-secondary);border-bottom:1px solid #0000000a;padding:6px 0;font-size:.85rem}.product-features li:before{content:"✓ ";color:var(--success);font-weight:700}.btn-aurora{background:var(--gradient-aurora);color:#fff;cursor:pointer;width:100%;transition:opacity var(--transition), transform .15s ease;border:none;border-radius:12px;padding:12px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600}.btn-aurora:hover{opacity:.92;transform:scale(1.02)}.btn-aurora:active{transform:scale(.98)}.cart-overlay{z-index:200;background:#00000059;animation:.3s fadeIn;position:fixed;inset:0}.cart-sidebar{-webkit-backdrop-filter:blur(30px);z-index:300;background:#fffffff5;border-left:1px solid #00000014;flex-direction:column;width:380px;max-width:90vw;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 40px #00000026}.cart-sidebar.open{transform:translate(0)}.cart-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cart-header h3{font-size:1.1rem;font-weight:700}.cart-close{cursor:pointer;color:var(--text-secondary);transition:all var(--transition);background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.2rem}.cart-close:hover{color:var(--text);background:#0000000f}.cart-items{flex:1;padding:16px 24px;overflow-y:auto}.cart-empty{text-align:center;color:var(--text-tertiary);padding:40px 0;font-size:.9rem}.cart-item{border-bottom:1px solid #0000000d;align-items:center;gap:12px;padding:14px 0;display:flex}.cart-item:last-child{border-bottom:none}.cart-item-icon{flex-shrink:0;font-size:1.5rem}.cart-item-info{flex:1;min-width:0}.cart-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.cart-item-price{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.cart-item-remove{cursor:pointer;color:var(--text-tertiary);transition:all var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.85rem}.cart-item-remove:hover{color:#ef4444;background:#ef44441a}.cart-footer{border-top:1px solid #0000000f;padding:20px 24px}.cart-total{justify-content:space-between;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.btn-full{width:100%}.modal-overlay{z-index:400;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.checkout-modal{width:440px;max-width:100%;padding:28px;animation:.3s scaleIn}.checkout-modal .modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.checkout-modal .modal-header h3{font-size:1.2rem;font-weight:700}.checkout-form label{color:var(--text-secondary);margin-top:14px;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.checkout-form label:first-child{margin-top:0}.checkout-form input{background:var(--surface);width:100%;transition:border-color var(--transition);border:1px solid #0000001a;border-radius:10px;outline:none;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:.9rem}.checkout-form input:focus{border-color:var(--primary)}.checkout-total{border-top:1px solid #00000014;justify-content:space-between;align-items:center;margin:20px 0 16px;padding:16px 0;font-size:1.1rem;font-weight:700;display:flex}.btn-mp{color:#fff;cursor:pointer;width:100%;transition:opacity var(--transition), transform .15s ease;background:linear-gradient(135deg,#009ee3,#00a650);border:none;border-radius:12px;padding:14px;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700}.btn-mp:hover{opacity:.92;transform:scale(1.02)}.btn-mp:active{transform:scale(.98)}.toast{z-index:500;box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none;border-radius:12px;padding:14px 28px;font-size:.9rem;font-weight:600;animation:.4s slideUp;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.toast.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.cta-overlay{-webkit-backdrop-filter:blur(12px);color:#fff;text-align:center;z-index:150;transition:background var(--transition);background:#0f172aeb;padding:14px;font-size:.85rem;font-weight:600;text-decoration:none;position:fixed;bottom:0;left:0;right:0}.cta-overlay:hover{background:#0f172afa}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.hero-title{font-size:1.8rem}.products-grid{grid-template-columns:1fr;padding:0 16px 32px}.cart-sidebar{width:100%;max-width:100%}.header{padding:12px 16px}.header-title{font-size:.95rem}}@media (width<=480px){.hero{padding:40px 16px 32px}.hero-title{font-size:1.5rem}.product-card{padding:24px 16px 20px}}