:root { --blue:#1a2b36; --cream:#f6f3ee; --radius:16px; --shadow:0 14px 30px rgba(3,18,28,.12);}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--cream);color:#0d1f2b}
body{font:16px/1.65 'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.container{width:min(1100px,92%);margin:0 auto}

.topbar{background:var(--blue);color:#cfe1d8}
.topbar .container{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 0;flex-wrap:wrap}
.topbar a{color:#e9f3ef;text-decoration:none}
.topbar img.tiny{height:28px} /* larger tiny */

nav{background:var(--blue);color:#fff;position:sticky;top:0;z-index:60}
nav .container{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:14px}
nav .brand img{height:64px} /* mobile default; desktop bigger in media query */
nav .links{display:none;gap:22px}
nav .links a{color:#fff;text-decoration:none;font-weight:700;opacity:.97}
nav .cta{display:none}
nav .menu-btn{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:8px 12px;border-radius:10px}

.hero{background:linear-gradient(180deg,rgba(10,20,30,.90),rgba(10,20,30,.86)),url('assets/logo_cover.jpg') center/cover no-repeat;color:#fff;text-align:center}
.hero .container{padding:70px 0}
.hero img.hero-logo{height:120px; display:block; margin:0 auto 16px}
.hero h1{font-size:34px;margin:0 0 8px}
.hero p.lead{font-size:16px;color:#e6f2ee;max-width:760px;margin:0 auto}
.actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:800}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.22);border:2px solid rgba(255,255,255,.12)}

.section{padding:48px 0;background:#fff}
.section h2{font-size:24px;margin:0 0 14px}
.grid-3{display:grid;grid-template-columns:1fr;gap:14px}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}

.timetable .cards{display:grid;grid-template-columns:1fr;gap:12px}
.day-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.day-card h3{margin:0;padding:12px 14px;background:var(--blue);color:#fff;font-size:18px}
.day-card ul{list-style:none;margin:0;padding:10px 14px;display:grid;gap:8px}
.day-card li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #eee;padding-bottom:6px}
.day-card li:last-child{border-bottom:0}
.day-card .time{font-weight:800}

.timetable table{display:none;width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);table-layout:fixed}
.timetable th,.timetable td{padding:12px 14px;border-bottom:1px solid #ece7df;text-align:center;vertical-align:top}
.timetable th{background:var(--blue);color:#fff}
.timetable tr:nth-child(even) td{background:#faf9f5}

.form-wrap{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d7d1c7}
label{font-weight:700;font-size:.98rem}
form .row{display:grid;grid-template-columns:1fr;gap:12px}

footer{background:var(--blue);color:#cfe1d8;padding:28px 0}
footer a{color:#fff;text-decoration:none}

/* Breakpoints */
@media (min-width:680px){
  nav .brand img{height:84px}
  .hero .container{padding:90px 0}
  .hero img.hero-logo{height:140px}
  .grid-3{grid-template-columns:repeat(3,1fr);gap:20px}
  .timetable .cards{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:980px){
  nav .links, nav .cta{display:flex}
  nav .menu-btn{display:none}
  nav .brand img{height:100px} /* bigger on desktop */
  .container{width:min(1140px,92%)}
  .hero h1{font-size:52px}
  .hero p.lead{font-size:18px}
  .timetable .cards{display:none}
  .timetable table{display:table}
  form .row{grid-template-columns:1fr 1fr;gap:14px}
}