*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a2e;line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;box-shadow:0 2px 20px #0000000f;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;max-width:1200px;margin:0 auto}.logo{font-size:24px;font-weight:700;color:#f59e0b}.nav{display:flex;gap:35px}.nav a{color:#4b5563;font-weight:500;font-size:15px;transition:color .3s;position:relative}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#f59e0b;transition:width .3s}.nav a:hover,.nav a.active{color:#f59e0b}.nav a:hover:after,.nav a.active:after{width:100%}.banner{position:relative;height:550px;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e)}.banner-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .8s ease;display:block;cursor:pointer}.banner-slide.active{opacity:1;z-index:1}.banner-slide img{width:100%;height:100%;object-fit:cover}.banner-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.banner-dot{width:12px;height:12px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s}.banner-dot:hover{background:#ffffffb3;transform:scale(1.2)}.banner-dot.active{background:#f59e0b;transform:scale(1.2)}.section{padding:80px 0}.section-title{font-size:32px;text-align:center;margin-bottom:50px;color:#1a1a2e;font-weight:700;position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#f59e0b,#fbbf24);margin:15px auto 0;border-radius:2px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.category-card{position:relative;height:200px;border-radius:16px;overflow:hidden;box-shadow:0 4px 25px #0000001a;transition:all .4s ease}.category-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026}.category-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease}.category-card:hover .category-bg{transform:scale(1.1)}.category-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000001a,#000000b3);transition:background .4s ease}.category-card:hover .category-overlay{background:linear-gradient(180deg,#f59e0b33,#000c)}.category-content{position:absolute;bottom:0;left:0;right:0;padding:25px;color:#fff;z-index:2}.category-card h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px;transition:transform .3s ease}.category-card:hover h3{transform:translate(5px)}.category-arrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#ffffffb3;transition:all .3s ease}.category-card:hover .category-arrow{color:#f59e0b}.category-arrow span{transition:transform .3s ease}.category-card:hover .category-arrow span{transform:translate(5px)}.category-card.no-image{background:linear-gradient(135deg,#1a1a2e,#16213e)}.category-card.no-image .category-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:70px;height:70px;background:#f59e0b26;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f59e0b;transition:all .4s ease}.category-card.no-image:hover .category-icon{background:#f59e0b40;transform:translate(-50%,-60%) scale(1.1)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;padding:20px 0}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .4s ease;border:1px solid #f5f5f5}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #0000001a}.product-card img{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}.product-card:hover img{transform:scale(1.05)}.product-card-body{padding:20px}.product-card h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#1a1a2e}.product-card p{color:#6b7280;font-size:14px}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:45px;margin-bottom:45px}.footer h4{margin-bottom:22px;font-size:18px;font-weight:600;color:#f59e0b}.footer p,.footer a{color:#9ca3af;margin-bottom:12px;display:block;font-size:14px;line-height:1.7}.footer a:hover{color:#f59e0b}.footer-bottom{text-align:center;padding-top:25px;border-top:1px solid rgba(255,255,255,.1);color:#6b7280;font-size:14px}.btn{display:inline-block;padding:14px 32px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;border:none;font-size:15px}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #f59e0b66}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .3s;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.form-group textarea{min-height:130px;resize:vertical}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;padding:25px 0}.admin-sidebar h2{padding:0 25px 25px;border-bottom:1px solid rgba(255,255,255,.1);font-size:20px;color:#f59e0b}.admin-nav a{display:block;padding:16px 25px;color:#9ca3af;transition:all .3s;font-size:14px}.admin-nav a:hover,.admin-nav a.active{background:#f59e0b1a;color:#f59e0b;border-left:3px solid #f59e0b}.admin-content{flex:1;padding:35px;background:#f8fafc}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px #0000000a}.table th,.table td{padding:16px 18px;text-align:left;border-bottom:1px solid #f3f4f6;font-size:14px}.table th{background:#f8fafc;font-weight:600;color:#374151}.table img{width:60px;height:60px;object-fit:cover;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:16px;padding:35px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0003}.modal h3{margin-bottom:25px;font-size:22px;color:#1a1a2e}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex{display:flex}.gap-10{gap:10px}.about-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:80px 0;color:#fff;text-align:center}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000026}.about-image img{width:100%;height:400px;object-fit:cover}.advantage-list{list-style:none;padding:0}.advantage-item{display:flex;align-items:flex-start;gap:15px;padding:18px 0;border-bottom:1px solid #f3f4f6}.advantage-icon{width:28px;height:28px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.contact-info-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:45px;color:#fff}.contact-item{display:flex;align-items:flex-start;gap:18px;margin-bottom:30px}.contact-icon{width:50px;height:50px;background:#f59e0b26;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f59e0b;font-size:20px}.contact-form-card{background:#fff;border-radius:20px;padding:45px;box-shadow:0 10px 40px #00000014}@media (max-width: 768px){.nav{display:none}.banner{height:350px}.admin-sidebar{width:200px}.footer-grid,.about-content,.contact-grid{grid-template-columns:1fr}.section{padding:50px 0}}