:root{--bg:#ffffff;--panel:#f5f5f5;--muted:#555;--txt:#111;--acc:#000;--acc2:#d60000}
:root[data-theme="dark"]{--bg:#0b0b0b;--panel:#141414;--muted:#b5b5b5;--txt:#f1f1f1;--acc:#fff;--acc2:#ff2a2a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}
header{position:sticky;top:0;background:var(--bg);box-shadow:0 2px 6px rgba(0,0,0,.1);z-index:100}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.nav img{height:46px}
.menu{display:flex;gap:12px;align-items:center}
.menu a{color:var(--txt);text-decoration:none;font-weight:500;transition:.2s;padding:4px 6px}
.menu a:hover{color:var(--acc2)}
.menu select{padding:6px 8px;border:1px solid #ddd;border-radius:6px;background:#fff}
#theme-toggle{background:transparent;border:1px solid #ddd;border-radius:8px;padding:6px 10px;cursor:pointer}
:root[data-theme="dark"] #theme-toggle{border-color:#444;color:#fff}
.hero{background:url('tlo.png') center/cover no-repeat;color:#fff;padding:100px 20px;text-align:center}
.hero h1{font-size:2.6rem;margin-bottom:10px;text-shadow:2px 2px 6px rgba(0,0,0,.7)}
.hero p{font-size:1.2rem;color:#f0f0f0;text-shadow:1px 1px 4px rgba(0,0,0,.7)}
section{padding:60px 20px}
h2{text-align:center;font-size:2rem;margin-bottom:20px;color:var(--acc2)}
.about,.gallery,.contact,.news{max-width:1000px;margin:0 auto}
.about p{margin-bottom:16px;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:var(--panel);border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
:root[data-theme="dark"] .card{border-color:#333}
.gallery img{width:100%;border-radius:8px;aspect-ratio:4/3;object-fit:cover;border:1px solid #222}
.contact-info{display:grid;gap:14px;margin-bottom:20px}
.contact-item{display:flex;align-items:center;gap:12px;color:var(--txt)}
footer{background:#000;color:#fff;padding:0;text-align:center;font-size:.9rem;margin-top:40px}
.footer-top .rebuild{background:#111;color:#fff;padding:8px 12px;text-align:center}
.footer-mid{display:grid;gap:10px;justify-items:center;padding:12px}
.socials{display:flex;gap:14px}
.socials .ico{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:#1f1f1f}
.socials .ico svg{width:18px;height:18px;fill:#fff}
.socials .ico.linkedin{background:#0A66C2}.socials .ico.facebook{background:#1877F2}.socials .ico.youtube{background:#FF0000}
.meta{font-size:.9rem;color:#eee}
footer a{color:#fff;text-decoration:underline}
.notice{max-width:1000px;margin:12px auto 0;background:#fff3f3;border:1px solid #ffc9c9;color:#8a0000;padding:10px 12px;border-radius:8px}
:root[data-theme="dark"] .notice{background:#2a0000;border-color:#5a0a0a;color:#ffbfbf}
.readmore{display:inline-block;margin:8px 0;text-decoration:underline;color:var(--acc2)}.readmore:hover{opacity:.85}
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#111;color:#fff;z-index:9999;padding:12px;display:flex;justify-content:center;align-items:center}
#cookie-banner .cookie-content{max-width:1000px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;width:100%}
#cookie-banner .cookie-buttons{display:flex;gap:8px}
#cookie-banner button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer}
#cookie-banner #cookie-accept{background:#28a745;color:#fff}#cookie-banner #cookie-reject{background:#dc3545;color:#fff}