header,nav{display:flex}.dropdown-content,nav a{transition:.4s ease-in-out}.download-btn,nav a{font-weight:700;font-size:17px;color:#fff;text-decoration:none}.btn,.dropdown,nav a{color:#fff}.btn:hover,.download-btn:hover,nav a:hover{transform:translateY(-3px)}.container h1,.download-btn,.page-title,.subtitle{text-align:center}.dropdown,.faq-item h3,.footer-right a,nav a{position:relative}.btn,.container a,.container h1,.container h2,.container h3,.download-btn,.dropdown-content a,nav a{text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa 0,#f1f2f5 100%);line-height:1.5}header{background:linear-gradient(90deg,#e6342e 0,#ff6b6b 100%);align-items:center;justify-content:space-between;padding:10px 40px;position:sticky;top:0;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:.3s}.logo img{height:70px;border-radius:12px;transition:transform .4s ease-in-out}.logo img:hover{transform:scale(1.1);filter:brightness(1.2)}nav{align-items:center;gap:40px}nav a{text-shadow:0 1px 3px rgba(0,0,0,.2)}nav a:hover{color:khaki}nav a::after{content:'';position:absolute;width:0;height:3px;bottom:-6px;left:0;background-color:khaki;transition:width .4s ease-in-out}.footer-right a:hover::after,nav a:hover::after{width:100%}.dropdown{display:inline-block}.dropdown-content{display:none;position:absolute;background:linear-gradient(0deg,#fff 0,#f8f9fa 100%);min-width:220px;box-shadow:0 8px 16px rgba(0,0,0,.2);border-radius:10px;left:50%;transform:translateX(-50%) translateY(12px);z-index:1}.dropdown-content a{color:#333e50;padding:14px 20px;display:block;font-size:15px;transition:.3s}.container h1,.container h2,.container h3{color:#1a202c;margin-bottom:25px}.dropdown-content a:hover{background:linear-gradient(90deg,#e6f0fa 0,#d1e0ff 100%);color:#1976d2;border-left:4px solid #1976d2}.dropdown.active .dropdown-content{display:block;transform:translateX(-50%) translateY(0)}.download-btn{background:linear-gradient(90deg,#1e88ff 0,#4dabff 100%);padding:12px 25px;border-radius:30px;transition:.4s ease-in-out;box-shadow:0 4px 12px rgba(0,0,0,.25);display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.2)}.download-btn:hover{background:linear-gradient(90deg,#4dabff 0,#1e88ff 100%);box-shadow:0 6px 16px rgba(0,0,0,.35)}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1001}.menu-toggle span{width:28px;height:4px;background:linear-gradient(90deg,#fff 0,#f0f0f0 100%);border-radius:5px;transition:.4s ease-in-out}.menu-toggle:hover span{background:linear-gradient(90deg,khaki 0,#fff 100%)}.container{max-width:1280px;margin:30px auto;padding:50px 30px;background:linear-gradient(0deg,#fff 0,#f8f9fa 100%);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.container h1{font-size:42px;font-weight:800;letter-spacing:-.5px}.btn,.container strong{font-weight:700}.container h2{font-size:30px;letter-spacing:-.5px;margin-top:30px}.container h3{font-size:26px;margin-top:30px}.container p{max-width:1200px;margin:0 auto 20px;font-size:18px;color:#2e2e30;line-height:1.7}.btn-container{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:30px;margin-bottom:30px}.btn{font-size:18px;padding:14px 50px;border-radius:14px;display:inline-block;transition:.3s;box-shadow:0 3px 8px rgba(0,0,0,.2)}.banner-img,.center-img{display:block;height:auto;box-shadow:0 2px 10px rgba(0,0,0,.1);}.btn:hover{opacity:1;box-shadow:0 5px 12px rgba(0,0,0,.25)}.btn-register{background:linear-gradient(90deg,#1e88ff 0,#60a5fa 100%)}.btn-login{background:linear-gradient(90deg,#e6342e 0,#ff6b6b 100%)}.btn-download{background:linear-gradient(90deg,#2ecc40 0,#4ade80 100%)}.page-title{font-size:32px;font-weight:800;margin-bottom:8px;margin-top:100px;color:#1a202c}.specification,.subtitle{margin-bottom:40px}.subtitle{font-size:18px;color:#4a5568;font-style:italic}.specification table{width:100%;border-collapse:collapse;border:1px solid #e2e8f0;background:#fff;border-radius:8px;overflow:hidden}.specification td,.specification th{border:1px solid #e2e8f0;text-align:left;padding:12px 16px}.specification th{background:linear-gradient(0deg,#f9f9f9 0,#fff 100%);width:25%;font-weight:700;color:#2d3748}.rotate{transform:rotate(90deg)}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.banner-img{margin:40px auto;max-width:100%;border-radius:8px}.center-img{margin:40px auto;max-width:300px;border-radius:8px}.container ul{list-style-type:disc;padding-left:25px;line-height:1.6;font-size:18px;color:#333}.container li{margin-bottom:14px}@media (max-width:600px){.container h1{font-size:32px}.btn,.container p{font-size:16px}.btn{padding:12px 40px}.page-title{font-size:26px}.specification td,.specification th{font-size:15px}.banner-img,.center-img{margin:20px auto;max-width:90%;border-radius:6px}.container ul{font-size:15px;padding-left:18px}.container li{margin-bottom:12px}}.faq-section{max-width:1250px;margin:50px auto;padding:20px;background-color:#fff;border-radius:10px}.faq-section h2{text-align:center;font-size:2rem;margin-bottom:40px;color:#1a1a1a}.faq-item{border-bottom:1px solid #ddd;padding:15px 0}.faq-item h3{font-size:1.2rem;margin:0;cursor:pointer;transition:color .3s}.faq-item h3:hover{color:#ff2600}.faq-item h3::after{content:'+';position:absolute;right:0;font-size:1.2rem;transition:transform .3s}.faq-item.open h3::after{content:'-';transform:rotate(180deg)}.faq-item p{margin:10px 0 0;font-size:1rem;line-height:1.6;max-height:0;overflow:hidden;transition:max-height .3s}.faq-item.open p{max-height:500px}.footer{background:linear-gradient(90deg,#e6342e 0,#ff6b6b 100%);padding:30px 80px;color:#fff;font-size:14px;box-shadow:0 -2px 10px rgba(0,0,0,.1);transition:.3s}.code,.spec-title{color:#333;transition:.3s}.footer-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-left{font-size:14px;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.footer-right a{color:#fff;text-decoration:underline;margin-left:18px;transition:.3s;font-weight:500}.footer-right a:hover{color:#ffe6e6;text-decoration:none;transform:translateY(-2px)}.footer-right a::after{content:'';position:absolute;width:0;height:2px;bottom:-3px;left:0;background-color:#ffe6e6;transition:width .3s}.code{font-weight: bold;font-size:16px;padding:10px 15px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px;word-wrap:break-word;max-width:100%;box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:center}.spec-title{padding:20px;display:inline-block;font-weight:700}@media (max-width:768px){.menu-toggle,nav.active{display:flex}header{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 15px;position:relative} /* Reduced padding to minimize gap */.footer-left,.logo{order:1}.download-btn{order:2;width:auto;max-width:150px;margin:0 5px;padding:15px 25px;font-size:14px} /* Adjusted padding and margin for tighter fit */.menu-toggle{order:3;margin-left:5px} /* Added margin to reduce gap with button */nav{display:none;flex-direction:column;width:100%;text-align:center;padding:20px 0;gap:20px;background:rgba(230,52,46,.95);position:absolute;top:94px;left:0;border-radius:0 0 10px 10px;box-shadow:0 6px 12px rgba(0,0,0,.2)}nav a{font-size:16px;padding:12px 0;color:#fff}nav a:hover{color:khaki}.dropdown-content{left:50%!important;transform:translateX(-50%) translateY(12px)}.dropdown.active .dropdown-content{display:block;transform:translateX(-50%) translateY(0)}.footer{padding:20px}.footer-container{flex-direction:column;text-align:center;gap:15px}.footer-right{order:2}.footer-right a{margin:0 10px;display:inline-block;font-size:13px}.code{font-size:14px;padding:8px 12px;text-align:center}.spec-title{padding:10px;font-size:16px;text-align:center}}