.navbar{position:fixed;top:0;width:100%;height:80px;background:#000000f2;display:flex;justify-content:space-between;align-items:center;padding:0 60px;z-index:1000}.logo{color:#fff;font-weight:700;letter-spacing:4px;font-size:18px}.nav-links{list-style:none;display:flex;gap:35px;margin:0;padding:0}.nav-links li{position:relative}.nav-links a{color:#aaa;text-decoration:none;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding-bottom:6px;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:1px;background:#fff;transition:width .3s ease}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.nav-links a.active{color:#fff}.nav-links a.active:after{width:100%}.navbar{transition:background .4s ease,box-shadow .4s ease}.navbar.scrolled{background:#000000fa;box-shadow:0 10px 30px #0009}.hero{height:calc(100vh - 80px);background:#000;display:flex;align-items:center;justify-content:center;text-align:center}.hero-content{animation:fadeUp 1.2s ease forwards}.hero h1{font-size:64px;font-weight:700;letter-spacing:2px;margin-bottom:15px}.hero p{color:#aaa;font-size:16px;margin-bottom:35px}.hero-btn{background:transparent;color:#fff;border:1px solid white;padding:14px 40px;letter-spacing:3px;font-size:12px;cursor:pointer;transition:all .3s ease}.hero-btn:hover{background:#fff;color:#000}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero h1{font-size:42px}}.shop{padding:60px}.shop h1{text-align:center;margin-bottom:50px;letter-spacing:3px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}.card{background:#111;padding:15px;border:1px solid #222;transition:transform .3s ease}.card:hover{transform:translateY(-8px)}.product-image{position:relative;width:100%;height:360px;overflow:hidden;margin-bottom:15px}.product-image img{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.img-back{opacity:0}.product-image:hover .img-back{opacity:1}.product-image:hover .img-front{opacity:0}.card h3{margin-top:10px;font-size:16px;letter-spacing:1px}.card p{color:#aaa;font-size:14px}.contact{padding:40px;max-width:600px;margin:auto}.contact h1{text-align:center;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:12px;font-size:16px;border:1px solid #ccc}.contact-form button{padding:12px;background:#000;color:#fff;border:none;font-weight:700;cursor:pointer}.contact-form button:hover{opacity:.85}*{margin:0;padding:0;box-sizing:border-box}html,body{background:#000;color:#fff;font-family:Inter,sans-serif}body{padding-top:80px}