*{padding:0;margin:0}.hero{width:100%;height:100vh;background:url(/images/bg.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;position:relative}.hero-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#000;position:relative}.hero-content h1{position:absolute;top:140px;font-size:232px;font-weight:600;margin-bottom:10px;letter-spacing:7px;color:#000;font-family:ProximaNovaRegular,sans-serif}.hero-content p{font-family:ProximaNovaRegular,sans-serif;position:absolute;top:420px;font-size:20px;max-width:820px;color:#000;margin-bottom:30px;display:flex;gap:170px;margin-left:100px}.hero-img{position:absolute;width:370px;top:100px;left:550px;height:auto;z-index:99999;transform:rotate(20deg);filter:drop-shadow(0 10px 25px rgba(0,0,0,.25))}.hero-left{position:relative;left:50px;bottom:-180px}.hero-left p{width:260px;line-height:24px;font-family:ProximaNovaRegular,sans-serif;color:#000}.hero-btn{margin-top:20px;background-color:#000;color:#fff;border:none;padding:10px 25px;border-radius:25px;font-family:ProximaNovaRegular,sans-serif;font-size:14px;cursor:pointer;transition:all .3s ease}.hero-btn:hover{background-color:#222;transform:translateY(-2px)}.hero-right{right:-1030px;bottom:40px;position:relative}.hero-card{background:#0009;color:#fff;padding:20px 30px;border-radius:20px;box-shadow:0 10px 30px #0006;max-width:300px;height:170px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-card h1{font-size:23px;font-weight:600;margin-bottom:15px;font-family:ProximaNovaRegular,sans-serif}.hero-card p{font-size:15px;line-height:1.6;margin-bottom:25px;font-family:ProximaNovaRegular,sans-serif}.hero-card-btn{background:#fff;color:#000;border:none;padding:10px 25px;border-radius:25px;font-family:ProximaNovaRegular,sans-serif;font-size:14px;cursor:pointer;transition:all .3s ease}.hero-card-btn:hover{background:#000;color:#fff;border:1px solid #fff}.products{padding:100px 80px;text-align:center;font-family:ProximaNovaRegular,sans-serif;background:#1a1a1a;color:#fff}.products h2{font-size:36px;margin-bottom:60px;font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px;justify-items:center}.product-item{display:flex;flex-direction:column;align-items:center}.product-img{width:200px;height:200px;background:#dcdcdc;border-radius:30px;box-shadow:0 8px 25px #0000001a;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;z-index:999}.product-img img{width:70%;height:auto}.product-img:hover{transform:translateY(-8px)}.product-item p{margin-top:15px;font-size:16px;font-weight:400}.serum{background-color:#dcdcdc;position:relative;width:89%;height:600px;border-top-left-radius:300px;border-top-right-radius:300px;display:flex;gap:200px;align-items:center;justify-content:space-between;padding-left:160px;font-family:ProximaNovaRegular,sans-serif;overflow:hidden}.serum-text{flex:1;color:#000;padding-right:60px;position:relative;top:30px}.serum-text h1{font-size:40px;margin-bottom:25px;font-weight:600}.serum-text p{font-size:16px;line-height:1.7;margin-bottom:35px;color:#222}.serum-btn{background-color:#000;color:#fff;border:none;padding:14px 32px;border-radius:30px;cursor:pointer;font-size:15px;font-family:ProximaNovaRegular,sans-serif;transition:all .3s ease}.serum-btn:hover{background-color:#333}.serum-img{flex:1;display:flex;justify-content:center}.serum-img img{width:400px;height:auto;margin-top:120px;border-radius:20px;transform:rotate(-13deg)}.s{background:#1a1a1a}.drop{position:absolute;top:-160px;left:20px;width:200px;height:230px}@font-face{font-family:ProximaNovaRegular;src:url(/fonts/ProximaNovaRegular.woff2) format("woff2"),url(/fonts/ProximaNovaRegular.woff) format("woff");font-weight:400;font-style:normal}.navbar{width:92%;height:80px;background-color:transparent;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 60px;font-family:ProximaNovaRegular,sans-serif;color:#000}.nav-left .logo{height:19px;width:auto}.nav-links{display:flex;list-style:none;gap:40px;margin-left:130px}.nav-links li{cursor:pointer;transition:opacity .3s ease}.nav-links li:hover{opacity:.7}.nav-right{display:flex;gap:15px}.btn{padding:8px 20px;border-radius:25px;font-size:15px;cursor:pointer;transition:all .3s ease}.btn-outline{border:1px solid #fff;background:transparent;color:#fff}.btn-outline:hover{background:#fff;color:#000}.btn-filled{background:#fff;color:#000;border:1px solid #fff}.btn-filled:hover{background:transparent;color:#fff}