* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#111; background:#f6f7f9; }
a { color:inherit; text-decoration:none; }
.site-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px; background:#111; color:#fff; }
.site-header nav { display:flex; gap:12px; align-items:center; }
.site-header button, .primary-btn, form button { border:0; border-radius:10px; padding:12px 16px; background:#2563eb; color:#fff; font-weight:700; cursor:pointer; }
.hero { margin:24px auto; max-width:1000px; padding:40px 24px; background:#fff; border-radius:24px; box-shadow:0 12px 30px rgba(0,0,0,.06); }
.hero h1 { font-size:clamp(28px, 5vw, 54px); margin:0 0 12px; }
.card-grid { max-width:1000px; margin:0 auto; display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:16px; padding:0 16px; }
.program-card, .contact-card { background:#fff; border-radius:20px; padding:20px; box-shadow:0 12px 30px rgba(0,0,0,.06); }
.contact-card { max-width:720px; margin:24px auto; }
.form-page { padding:24px; }
label { display:block; margin:14px 0; font-weight:700; }
input, textarea, select { width:100%; margin-top:6px; padding:12px; border:1px solid #d7dce2; border-radius:10px; font:inherit; }
textarea { min-height:120px; resize:vertical; }
.checkbox { display:flex; gap:8px; align-items:center; font-weight:500; }
.checkbox input { width:auto; }
.center { text-align:center; }
.chat-panel { position:fixed; right:20px; bottom:20px; width:min(380px, calc(100vw - 40px)); height:560px; background:#fff; border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,.25); overflow:hidden; }
.chat-head { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; background:#111; color:#fff; }
.chat-messages { height:440px; overflow:auto; padding:16px; }
.msg { padding:10px 12px; margin:8px 0; border-radius:12px; background:#eef2ff; }
.msg.user { background:#dcfce7; margin-left:40px; }
.chat-form { display:flex; gap:8px; padding:12px; border-top:1px solid #eee; }
.chat-form input { margin:0; }
@media (max-width:720px) { .site-header { flex-direction:column; align-items:flex-start; } .site-header nav { flex-wrap:wrap; } }