/*
Theme Name: ASD Institute Custom
Theme URI: https://example.com/
Author: Custom build
Description: Custom WordPress theme for ASD Spoken English & Computer Institute.
Version: 1.0.0
Requires at least: 6.0
*/
:root{--primary:#8b0000;--accent:#ffd900;--sky:#38a9e8;--dark:#181818;--light:#fffaf0;--muted:#666;--radius:18px}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
.topbar{background:var(--dark);color:#fff;font-size:14px}.topbar .container{display:flex;justify-content:space-between;padding:9px 0;gap:15px;flex-wrap:wrap}
.nav{background:#fff;box-shadow:0 2px 15px #0001;position:sticky;top:0;z-index:20}.nav .container{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.logo{font-size:25px;font-weight:800;color:var(--primary)}.logo span{color:var(--sky)}.menu{display:flex;gap:24px;align-items:center}.menu a:hover{color:var(--primary)}.btn{display:inline-block;padding:12px 21px;border-radius:10px;font-weight:700;border:2px solid transparent;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-yellow{background:var(--accent);color:#111}.btn-outline{border-color:var(--primary);color:var(--primary)}
.hero{background:linear-gradient(135deg,#fff8d7,#eef8ff);padding:75px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:1px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.05;margin:12px 0}.hero h1 span{color:var(--primary)}.hero p{font-size:18px;color:#555}.hero-img{min-height:360px;border-radius:28px;background:#ddd url('assets/hero-placeholder.jpg') center/cover;display:flex;align-items:center;justify-content:center;color:#777}
.stats{padding:25px 0;background:var(--primary);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat strong{font-size:30px;display:block}.section{padding:75px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 40px}.section h2{font-size:38px;margin:8px 0}.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px #0000000d}.card-img{height:190px;background:#eee center/cover}.card-body{padding:22px}.card h3{margin-top:0}.tag{display:inline-block;background:#fff0a8;padding:4px 10px;border-radius:30px;font-size:12px;font-weight:700}
.features{background:var(--light)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:25px;border-radius:16px;background:#fff;border:1px solid #eee}.feature-icon{font-size:30px}
.filter{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filter button{border:1px solid #ddd;background:#fff;padding:9px 17px;border-radius:30px;cursor:pointer}.filter button.active{background:var(--primary);color:#fff}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery div{height:220px;background:#eee center/cover;border-radius:15px}
.cta{background:linear-gradient(110deg,var(--primary),#b10000);color:#fff;border-radius:28px;padding:55px;text-align:center}.cta h2{font-size:40px;margin:0 0 12px}
.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid #ddd;padding:18px 0}.faq summary{font-weight:700;cursor:pointer}
.enquiry{background:#f7f7f7}.form{max-width:650px;margin:auto;background:#fff;padding:30px;border-radius:20px;box-shadow:0 8px 35px #0001}.form input,.form select,.form textarea{width:100%;padding:13px;margin:7px 0 15px;border:1px solid #ddd;border-radius:9px;font:inherit}
.footer{background:#151515;color:#ddd;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{color:#fff}.copyright{text-align:center;border-top:1px solid #333;margin-top:35px;padding-top:18px;font-size:13px}
@media(max-width:800px){.menu{display:none}.hero-grid,.cards,.feature-grid,.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:50px 0}.hero-img{min-height:260px}.gallery{grid-template-columns:repeat(2,1fr)}.cta{padding:35px 20px}.section{padding:55px 0}}