/*
Theme Name: MD Mobile Repairing Institute
Description: Premium responsive Navy + Gold theme for MD Mobile Repairing Institute.
Version: 2.0
*/
:root{--n:#031326;--n2:#08203a;--g:#f5b423;--w:#fff;--m:#b8c4d4;--b:rgba(245,180,35,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--n);color:var(--w);font:16px/1.6 Arial,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}.gold{color:var(--g)}
.topbar{background:#020d1b;border-bottom:1px solid var(--b);font-size:12px}.topbar .container{display:flex;justify-content:space-between;gap:15px;padding:9px 0;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:100;background:rgba(3,19,38,.98);border-bottom:1px solid var(--b)}.navrow{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative}.brand{display:flex;align-items:center;gap:10px}.brand img{width:58px;height:58px;object-fit:contain;border-radius:50%}.brand b{display:block;font-size:21px}.brand small{display:block;color:var(--g);font-weight:800;letter-spacing:1px}.menu{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:800}.menu a:hover{color:var(--g)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;background:var(--g);color:#031326;border:1px solid var(--g);border-radius:6px;font-weight:900}.btn.outline{background:transparent;color:var(--g)}.toggle{display:none;background:transparent;color:var(--g);border:1px solid var(--b);padding:9px;border-radius:6px}
.hero{padding:18px 0}.slider{min-height:510px;border:1px solid var(--b);border-radius:10px;overflow:hidden;background:linear-gradient(90deg,#031326 0%,rgba(3,19,38,.9) 45%,rgba(3,19,38,.2)),url('assets/hero.jpg') center/cover}.slide{display:none;min-height:510px}.slide.active{display:flex}.hero-content{padding:78px 42px;max-width:650px}.eyebrow{color:var(--g);font-weight:900;letter-spacing:2px}.hero h1{font-size:55px;line-height:1.02;margin:12px 0}.hero h1 span{color:var(--g)}.hero p{font-size:19px;color:#e6edf5}.checks{padding:0;list-style:none}.checks li:before{content:"✓";color:var(--g);font-weight:900;margin-right:10px}.dots{position:absolute;margin-top:-35px;left:50%;display:flex;gap:8px}.dot{width:9px;height:9px;border:1px solid var(--g);border-radius:50%}.dot.active{background:var(--g)}
.features,.actions{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--b);border-radius:9px;overflow:hidden}.feature,.action{padding:22px;border-right:1px solid rgba(245,180,35,.25)}.feature:last-child,.action:last-child{border:0}.feature strong,.action h3{display:block;color:var(--g)}.section{padding:35px 0 50px}.title{text-align:center;font-size:32px;margin:0 0 25px}.title span{color:var(--g)}.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--n2);border:1px solid var(--b);border-radius:9px;overflow:hidden}.art{height:155px;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#0a3153,#031326)}.body{padding:18px}.duration{color:var(--g);font-weight:800}.success{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.success .card{padding:20px}.stars{color:var(--g);letter-spacing:2px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:var(--n2);border:1px solid var(--b);border-radius:9px;padding:25px}.footer{border-top:1px solid var(--b);background:#020d1b;padding:45px 0 15px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:25px}.footer h3{color:var(--g);font-size:14px}.footer p,.footer li{color:var(--m);font-size:13px}.footer ul{padding:0;list-style:none}.copy{text-align:center;color:var(--m);border-top:1px solid rgba(245,180,35,.2);padding-top:15px;margin-top:25px;font-size:12px}
.form{max-width:850px;margin:40px auto;background:var(--n2);border:1px solid var(--b);border-radius:10px;padding:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:5px}.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:12px;background:#031326;color:#fff;border:1px solid var(--b);border-radius:5px}
@media(max-width:1000px){.menu{gap:10px;font-size:12px}.courses{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:76px;background:#031326;padding:18px;flex-direction:column;align-items:stretch;border:1px solid var(--b)}.menu.open{display:flex}.features,.actions{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.hero-content{padding:55px 28px}.hero h1{font-size:42px}}@media(max-width:560px){.topbar{display:none}.courses,.success,.features,.actions,.grid,.footgrid{grid-template-columns:1fr}.feature,.action{border-right:0;border-bottom:1px solid rgba(245,180,35,.25)}.hero h1{font-size:36px}.slider,.slide{min-height:560px}.form{padding:20px}}