@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a2332,#0f1419);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;padding:2rem 1rem;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;text-align:center}.logo{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#d4a853,#f4c870);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.tagline{font-size:1.1rem;color:#666;font-style:italic}.main{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.hero{text-align:center;padding:3rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-bottom:3rem;box-shadow:0 8px 32px #0000001a}.hero-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.3rem;color:#ffffffe6;font-weight:300}.catalog{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a}.catalog-header{margin-bottom:2rem}.catalog-header h3{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;color:#333;margin-bottom:1rem}.category-filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-tag{padding:.5rem 1.25rem;background:linear-gradient(135deg,#d4a853,#f4c870);color:#1a2332;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem}.filter-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a85366}.filter-tag:first-child{background:#1a2332;color:#fff}.instrument-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.instrument-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:2px solid transparent}.instrument-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:#d4a853}.instrument-image{font-size:5rem;text-align:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:180px;display:flex;align-items:center;justify-content:center}.instrument-info{padding:1.5rem}.category-badge{display:inline-block;padding:.25rem .75rem;background:#d4a8531a;color:#d4a853;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.instrument-name{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;color:#333;margin-bottom:.5rem}.instrument-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.instrument-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #eee}.price{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#d4a853,#f4c870);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-to-cart{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4a853,#f4c870);color:#1a2332;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.add-to-cart:hover{transform:scale(1.05);box-shadow:0 4px 12px #d4a85366}.add-to-cart:active{transform:scale(.98)}.footer{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1rem;text-align:center;color:#666;margin-top:auto}@media(max-width:768px){.logo,.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.instrument-grid{grid-template-columns:1fr;gap:1.5rem}.catalog-header h3{font-size:1.5rem}}