*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh}.main-content{max-width:1280px;margin:0 auto;padding:40px 16px}.main-content h1{font-size:32px;margin-bottom:16px}.main-content p{font-size:18px;color:#6b7280}.clients{padding:60px 20px;text-align:center}.clients-h2{color:#fff;margin-bottom:10px}.subtitle{color:#221f1f;margin-bottom:40px;font-size:15px}.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.card{background:#fff;padding:25px;width:280px;border-radius:12px;text-align:left;box-shadow:0 10px 25px #00000014}.card p{color:#000}.stats{max-width:1100px;margin:80px auto;padding:40px;display:flex;align-items:center;justify-content:space-between;background:#fff}.stat{flex:1;text-align:center;padding:0 40px}.stat h2{font-size:72px;color:#a5a5ad;font-weight:700;margin-bottom:10px}.stat h4{font-size:20px;color:#000;margin-bottom:14px}.stat p{font-size:14px;color:#777;line-height:1.6}.divider{width:1px;height:160px;background:#ddd}.footer{background:#000;color:#cbd5e1;padding:60px 80px 30px;font-family:Arial,sans-serif}.footer-top{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;margin-bottom:40px}.footer-col h4{color:#fff;margin-bottom:16px;font-size:16px}.logo{color:#fff;font-size:26px;margin-bottom:15px}.footer-col p{font-size:14px;line-height:1.6}.footer-col ul{list-style:none;padding:0}.footer-col ul li{font-size:14px;margin-bottom:10px;cursor:pointer}.footer-col ul li:hover{color:#fff}.signup-text{font-size:14px;margin-bottom:15px}.email-box{display:flex;gap:10px;margin-bottom:12px}.email-box input{flex:1;padding:12px;border-radius:20px;border:none;outline:none;background:#2a2a2a;color:#fff}.email-box button{padding:12px 18px;border-radius:20px;border:none;cursor:pointer;background:#000;color:#fff;font-weight:700}.terms{font-size:12px;color:#94a3b8}.terms span{color:#fff;cursor:pointer}.footer-bottom{border-top:1px solid #1f2933;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-bottom p{font-size:13px}.payments{display:flex;gap:12px}.payments img{height:28px;background:#fff;padding:4px 8px;border-radius:6px}.slider{padding:40px;background:#fff}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.slider-header h2{font-size:40px}.categories button{margin-left:20px;background:none;border:none;font-size:18px;cursor:pointer;color:gray}.categories .active{color:#000;font-weight:600}.slider-body{position:relative}.nav{position:absolute;top:45%;background:#fff;border:none;font-size:30px;cursor:pointer;z-index:10}.nav.left{left:-40px}.nav.right{right:-40px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:#f3f3f3;padding:25px;border-radius:30px;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden}.card:hover{transform:translateY(-12px) scale(1.04);box-shadow:0 15px 30px #00000026,0 0 25px #00000014}.card-top{display:flex;justify-content:space-between;align-items:center}.discount{background:#000;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px}.rating{font-weight:500}.image-box{position:relative;width:100%;height:250px;margin:20px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-box img{position:absolute;width:100%;height:100%;object-fit:contain;transition:all .6s ease}.img-main{opacity:1;transform:scale(1)}.img-hover{opacity:0;transform:scale(.85) rotate(-8deg)}.card:hover .img-hover{opacity:1;transform:scale(1.15) rotate(0)}.card:hover .img-main{opacity:0;transform:scale(1.3) rotate(8deg)}.card h3{margin:10px 0;font-size:18px}.category{color:gray;font-size:14px}.amout strong{font-size:22px}.amout span{margin-left:10px;color:gray;text-decoration:line-through}.audio{height:520px;background-image:url(/images/uperthi.png);background-repeat:no-repeat;border-radius:50px;display:flex;align-items:center;padding:60px;color:#fff}.tag{font-size:14px;opacity:.8}.hero-banner h1{font-size:48px;line-height:1.2;margin:20px 0}.hero-banner p{font-size:16px;opacity:.8;margin-bottom:30px}.hero-banner button{padding:12px 26px;border:none;border-radius:30px;font-weight:600;cursor:pointer;background:#fff;color:#000}.hero-banner button:hover{background:#000;color:#fff}@media(max-width:768px){.hero-banner{background-position:center;background-size:cover;padding:40px 20px;text-align:center}.hero-content{max-width:100%}.hero-banner h1{font-size:34px}}.hero{position:relative;height:calc(100vh - 120px);background:url(/images/chokari.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(#000000a6,#000000a6);z-index:1}.hero-content{position:relative;z-index:2;max-width:650px;padding:0 20px}.tag{color:#339d9d;font-size:16px;letter-spacing:2px;text-transform:uppercase;opacity:.9}.desing{color:#86c3c3}.desing:hover{color:#fff;text-shadow:2px 0 rgb(12,0,0),-2px 0 rgba(113,213,190,.405)}.tach{color:#5c6c6c}.hero h1{font-size:64px;margin:20px 0;font-weight:700;line-height:1.2}.hero p{font-size:17px;margin-bottom:30px;opacity:.9}.hero .view{padding:14px 34px;border:none;border-radius:30px;background:#fff;color:#000;font-weight:600;cursor:pointer;transition:.3s ease}.hero .view:hover{background:#000;color:#fff}@media(max-width:768px){.hero h1{font-size:40px}.hero p{font-size:15px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.header{width:100%;background:#fff;border-bottom:1px solid #eee;border-top-right-radius:40px;border-top-left-radius:40px}.navbar{max-width:1320px;margin:auto;padding:18px 30px;display:flex;align-items:center;justify-content:space-between}.navbar-left{flex:1}.logo{width:150px}.home{font-weight:700;font-family:Georgia,Times New Roman,Times,serif}.home:hover{color:#86c3c3}.navbar-menu{flex:2;list-style:none;display:flex;justify-content:center;gap:28px}.navbar-menu li{font-size:16px;cursor:pointer;position:relative}.navbar-menu li span{font-size:12px;margin-left:4px}.navbar-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:18px;cursor:pointer}.account{display:flex;align-items:center;gap:6px;font-size:15px}.icon-badge{position:relative}.icon-badge span{position:absolute;top:-6px;right:-8px;background:#000;color:#fff;width:16px;height:16px;font-size:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.navbar-menu{display:none}}.categories{display:flex;gap:20px;padding:40px;justify-content:center;background-color:#fff}.card{width:350px;height:380px;background:#f4f4f5;border-radius:16px;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.logo{-webkit-filter:blur(0);filter:blur(0)}.logo:hover{-webkit-filter:blur(3px);filter:blur(3px);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.card h3{margin-bottom:4px}.card p{font-size:14px;color:gray}.card img{width:160px;height:160px;object-fit:contain;margin:0 auto}.card button{padding:10px 22px;border:none;border-radius:20px;background:#fff;cursor:pointer;font-weight:500;transition:.3s ease}.card button:hover{background:#000;color:#fff}@media(max-width:900px){.categories{flex-direction:column;align-items:center}}.dax{background:#fff}.topbar{background:#000;color:#fff;font-size:14px}.topbar-container{max-width:1200px;margin:auto;padding:8px 20px;display:flex;align-items:center;justify-content:space-between}.topbar-left a{color:#fff;text-decoration:none;margin-right:15px}.topbar-center{font-weight:500}.topbar-right select{margin-left:10px;background:transparent;color:#fff;border:1px solid #555;padding:4px 6px}@media(max-width:768px){.topbar-left{display:none}.topbar-center{font-size:12px}}.soud{position:relative;max-width:1450px;height:500px;margin:40px auto;border-radius:20px;overflow:hidden}.soud video{width:100%;height:100%;object-fit:cover}.soud:after{content:"";position:absolute;inset:0;background:#00000080;z-index:1}.overlay{position:absolute;inset:0;z-index:2;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.small-text{font-size:14px;opacity:.85;margin-bottom:12px;letter-spacing:1px}.overlay h1{font-size:42px;line-height:1.2;margin-bottom:16px;font-weight:600}.overlay p{font-size:16px;margin-bottom:28px;opacity:.9}.overlay button{padding:14px 34px;border:none;border-radius:30px;background:#fff;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.overlay button:hover{background:#000;color:#fff}body{margin:0}