:root{--primary:#973131;--primary-dark:#702323;--accent:sandybrown;--bg-light:#f7f7f7;--text-main:#1f1f1f;--text-muted:#6b4c4c;--card-bg:#fff;--border:#ddd;--transition:.25s ease;--bg-dark:#121212;--card-dark:#1f1f1f;--text-dark:#d6c2c2;--border-dark:#444}*{box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;margin:0;padding:0;background:var(--bg-light);color:var(--text-main);font-size:1.05em;transition:background var(--transition),color var(--transition)}.dark-mode{background:var(--bg-dark);color:var(--text-dark)}header{max-width:1000px;margin:0 auto;padding:40px 20px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}header h1{font-size:2.6em;color:var(--primary);margin-bottom:16px;letter-spacing:.5px}.header-controls{display:flex;gap:12px;justify-content:center;align-items:center}.lang-switch button,#modeToggle{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:1.05em;transition:all var(--transition);color:var(--text-main)}.lang-switch button:hover,#modeToggle:hover{border-color:var(--primary);color:var(--primary)}.lang-switch button.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.dark-mode .lang-switch button,.dark-mode #modeToggle{border-color:var(--border-dark);color:var(--text-dark)}.dark-mode .lang-switch button.active{background:var(--primary);color:#fff}nav#navbar{max-width:960px;margin:0 auto 20px;text-align:center;padding-bottom:10px;border-bottom:1px solid var(--border)}nav#navbar ul{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}nav#navbar ul li a{text-decoration:none;font-weight:600;padding:10px 16px;border-radius:8px;font-size:1.05em;color:var(--accent);transition:background var(--transition),color var(--transition),transform .2s ease}nav#navbar ul li a:hover{background:var(--primary);color:#fff;transform:scale(1.05)}main{max-width:960px;margin:0 auto;padding:20px}section{margin-bottom:60px}section h2{font-size:2em;margin-bottom:18px;color:var(--primary);text-transform:none}section p{font-size:1.15em;color:var(--text-muted);margin-bottom:20px;line-height:1.75}ul{padding-left:24px}ul li{font-size:1.1em;margin-bottom:12px;color:var(--text-muted)}li::marker{color:var(--primary)}form.card{background:var(--card-bg);padding:28px;border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.07);max-width:780px;margin:0 auto;transition:all var(--transition);border:1px solid var(--border)}.dark-mode form.card{background:var(--card-dark);box-shadow:0 8px 18px rgba(0,0,0,.4);border:1px solid var(--border-dark)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}input,textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #ccc;font-size:1.05em;margin-bottom:16px;background:#fff;color:var(--text-main);transition:border var(--transition),box-shadow var(--transition)}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 4px rgba(151,49,49,.3);outline:none}.dark-mode input,.dark-mode textarea{background:#2a2a2a;color:var(--text-dark);border:1px solid var(--border-dark)}button.btn{background:var(--primary);color:#fff;border:none;padding:12px 22px;border-radius:8px;font-weight:600;font-size:1.05em;cursor:pointer;transition:background var(--transition),transform .2s ease}button.btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.top-banner{background:#973131;color:#ffeeee;text-align:center;padding:.1rem;font-size:1rem}.top-banner u{text-decoration:underline}hr.style-four{height:12px;border:0;box-shadow:inset 0 12px 12px -12px rgba(0,0,0,.5)}.form-actions{text-align:center;margin-top:10px}#responseMsg{margin-top:12px;font-size:1em;text-align:center;font-weight:500}footer{background:#1b1b1b;color:#bbb;padding:32px 0}footer a{color:#ccc;text-decoration:none;transition:color var(--transition)}footer a:hover{color:#fff}.footer-grid{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;text-align:center}footer small{font-size:.9em;opacity:.8}@media (max-width:768px){header h1{font-size:2.2em}section h2{font-size:1.8em}nav#navbar ul{flex-direction:column;gap:14px}form.card{padding:22px}}