@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#0a0a0c;--bg-secondary:#121215;--bg-card:#19191e99;--text-primary:#fff;--text-secondary:#a0a0ab;--accent:#f50;--accent-glow:#f506;--border:#2a2a30;--glass-bg:#121215b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s}.glass-card:hover{box-shadow:0 10px 30px #00000080, 0 0 20px var(--accent-glow);border-color:#ff55004d;transform:translateY(-5px)}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;box-shadow:0 4px 15px var(--accent-glow);background:linear-gradient(135deg,#ff7a00,#f50)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px #f509}.btn-outline{border:1px solid var(--text-secondary);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.text-gradient{background:linear-gradient(90deg,#fff,#a0a0ab);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-accent{color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.navbar{z-index:1000;width:100%;padding:20px 0;transition:padding .3s;position:fixed;top:0;left:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:1px;font-size:1.5rem;font-weight:800}.nav-links{gap:32px;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--accent)}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#0a0a0ce6 0%,#0a0a0c66 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{max-width:700px}.hero h1{margin-bottom:24px;font-size:4.5rem;font-weight:800;line-height:1.1}.hero p{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem}.grid{gap:32px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.product-image-wrap{overflow:hidden}.product-image-wrap img{transition:transform .4s}.product-image-wrap:hover img{transform:scale(1.6)}.print-preview-zoom{overflow:visible}.print-preview-zoom img{transform-origin:50%;transition:transform .35s}.print-preview-zoom:hover img{transform:scale(1.35)}.mobile-toggle{display:none}.mobile-menu{background:var(--bg-main);border-top:1px solid var(--border);flex-direction:column;padding:8px 0 16px;display:flex}.studio-grid{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:48px;display:grid}.cart-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px;display:grid}.cart-summary{position:sticky;top:110px}@media (width<=768px){.hero h1{font-size:3rem}.nav-links{display:none}.mobile-toggle{justify-content:center;align-items:center;display:flex}}@media (width<=900px){.studio-grid,.cart-grid{grid-template-columns:1fr}.cart-summary{position:static}}
