*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Segoe UI,Arial,sans-serif;background:#f3f5f7;color:#2c3e50}
header{background:#37474f;color:white;padding:22px 60px;display:flex;justify-content:space-between;align-items:center}
header h1{font-size:30px;letter-spacing:.5px}
header nav a{color:white;text-decoration:none;margin-left:30px;font-size:15px}
header nav a:hover{color:#90caf9}
.hero{max-width:1200px;margin:auto;padding:90px 40px;display:flex;align-items:center;gap:70px}
.left,.right{flex:1}.left h2{font-size:48px;margin-bottom:20px;color:#37474f}
.left p{font-size:20px;line-height:1.8;color:#555}
.buttons,.actions{margin-top:45px;display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 30px;border-radius:6px;text-decoration:none;font-weight:600;cursor:pointer;font:inherit;border:0}
.primary{background:#455a64;color:white}.primary:hover{background:#263238}
.secondary{border:2px solid #455a64;color:#455a64;background:white}
.secondary:hover{background:#455a64;color:white}
.card{background:white;border-radius:10px;padding:35px;box-shadow:0 10px 30px rgba(0,0,0,.10)}
.card h3{margin-bottom:20px;color:#37474f}
.card ul{list-style:none;line-height:2.2}.card li{border-bottom:1px solid #eceff1}
section{background:white;padding:70px 40px}.container{max-width:1200px;margin:auto}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.feature{background:#fafafa;border-radius:8px;padding:25px;border:1px solid #eceff1}
.feature h4{margin-bottom:15px;color:#37474f}
footer{background:#37474f;color:#cfd8dc;text-align:center;padding:30px;margin-top:60px}

.page{max-width:1200px;margin:auto;padding:55px 40px 80px}
.page-title{margin-bottom:35px}.page-title h2{font-size:40px;color:#37474f;margin-bottom:10px}
.page-title p{color:#607d8b;font-size:17px}.grid{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;align-items:start}
.form-row{margin-bottom:18px}.form-row label{display:block;font-size:14px;font-weight:600;margin-bottom:7px;color:#455a64}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cfd8dc;border-radius:6px;background:white;color:#2c3e50;font:inherit}
textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:#78909c;box-shadow:0 0 0 3px rgba(69,90,100,.10)}
input[type=file]{padding:9px}.actions{margin-top:25px}
.firmware-list{display:grid;gap:16px}.firmware{background:#fafafa;border:1px solid #eceff1;border-radius:8px;padding:20px}
.firmware-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:15px}
.firmware h4{color:#37474f;font-size:18px}.badge{display:inline-block;padding:4px 9px;border-radius:12px;background:#eceff1;color:#455a64;font-size:12px;font-weight:600}
.meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px;font-size:14px;color:#607d8b}.meta strong{color:#37474f}
.notice{padding:13px 15px;background:#f3f5f7;border-left:4px solid #78909c;border-radius:4px;margin-bottom:20px;font-size:14px}
.status{margin-top:15px;font-size:14px;color:#607d8b}.error{color:#b71c1c}.success{color:#2e7d32}
.login-card{max-width:460px;margin:70px auto}.login-card .actions{margin-top:20px}
.danger{background:#eceff1;color:#455a64}.danger:hover{background:#455a64;color:white}
.small{font-size:13px;color:#78909c}
@media(max-width:900px){header{flex-direction:column;gap:15px;padding:22px 30px}header nav{text-align:center}header nav a{margin:0 10px}.hero{flex-direction:column;text-align:center}.page{padding:40px 25px 60px}.grid{grid-template-columns:1fr}}
@media(max-width:600px){header h1{font-size:26px}header nav a{display:inline-block;margin:5px 8px}.left h2,.page-title h2{font-size:32px}.meta{grid-template-columns:1fr}}