:root{--bg:#020617;--bg2:#050816;--surface:#111827;--surface2:#172033;--card:#1f2d3d;--border:rgba(148,163,184,.18);--text:#f8fafc;--muted:#94a3b8;--muted2:#cbd5e1;--blue:#0ea5ff;--blue2:#2563eb;--green:#16a34a;--orange:#f59e0b;--pink:#db2777;--purple:#9333ea;--red:#ef4444;--shadow:0 24px 70px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0,rgba(14,165,255,.16),transparent 38%),linear-gradient(180deg,var(--bg),#07111f 52%,var(--bg2));color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;color:#000;padding:.7rem;border-radius:.8rem}.navbar{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;gap:24px;padding:0 clamp(16px,4vw,44px);background:rgba(2,6,23,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em}.brand img{width:36px;height:36px;border-radius:50%}.navlinks{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:.92rem;color:var(--muted2)}.navlinks a{padding:10px 2px}.navlinks a.active,.navlinks a:hover{color:#fff}.navlinks a:last-child{border:1px solid var(--border);border-radius:999px;padding:12px 20px}.hamb{display:none;margin-left:auto;background:#0f172a;color:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:92px clamp(18px,7vw,100px) 70px}.hero h1,.page-hero h1{font-size:clamp(2.6rem,7vw,5.9rem);line-height:.95;margin:.2em 0;text-shadow:0 12px 40px rgba(148,163,184,.18)}.hero p,.page-hero p{max-width:820px;color:var(--muted2);font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.65}.eyebrow{font-size:.82rem;font-weight:900;letter-spacing:.14em;color:#b9d8ff}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:13px 20px;font-weight:800;color:#fff;cursor:pointer;background:rgba(15,23,42,.75)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 14px 36px rgba(37,99,235,.35)}.btn.ghost{background:rgba(15,23,42,.7)}.btn.tiny{font-size:.88rem;padding:11px 16px}.glass-card,.program-card,.wide-card,.mini-card,.gallery-card,.stat,.admin-panel,.camera-card{background:linear-gradient(180deg,rgba(31,45,61,.78),rgba(15,23,42,.9));border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.slogan{padding:18px clamp(18px,7vw,100px);background:rgba(31,45,61,.92);color:var(--muted2);text-align:center;border-block:1px solid var(--border)}.section{padding:76px clamp(18px,7vw,100px)}.section h2{font-size:clamp(2rem,4vw,3.4rem);margin:.25em 0 32px}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.program-card{display:flex;gap:18px;padding:24px}.program-card h3{margin:0 0 8px}.program-card p,.mini-card p,.wide-card p,.gallery-card p{color:var(--muted);line-height:1.55}.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 12px 32px rgba(14,165,255,.28)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-card{padding:22px}.tag{display:inline-flex;border-radius:8px;padding:6px 10px;font-size:.72rem;font-weight:900;color:#fff;margin-bottom:12px}.tag.blue,.bar-btn.blue,.icon.blue{background:linear-gradient(135deg,var(--blue),var(--blue2))}.tag.green,.bar-btn.green,.icon.green{background:linear-gradient(135deg,#22c55e,var(--green))}.tag.orange,.bar-btn.orange,.icon.orange{background:linear-gradient(135deg,#fbbf24,var(--orange))}.tag.pink,.bar-btn.pink,.icon.pink{background:linear-gradient(135deg,#f472b6,var(--pink))}.tag.purple,.bar-btn.purple,.icon.purple{background:linear-gradient(135deg,#c084fc,var(--purple))}.tag.red,.bar-btn.red,.icon.red{background:linear-gradient(135deg,#fb7185,var(--red))}.news-band{background:rgba(15,23,42,.55)}.wide-list{display:grid;gap:24px}.wide-card{display:grid;grid-template-columns:330px 1fr;overflow:hidden}.visual{min-height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#334155,#1e293b)}.visual span{font-weight:1000;font-size:3rem;color:#fff;text-shadow:0 10px 30px #000}.wide-content{padding:28px 34px}.wide-content h3{font-size:1.55rem;margin:.2em 0}.bar-btn{display:flex;justify-content:center;border-radius:10px;padding:12px 16px;font-weight:900;margin-top:20px}.page-hero{padding:120px clamp(18px,7vw,100px) 52px;background:radial-gradient(circle at 70% 10%,rgba(14,165,255,.16),transparent 32%)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.report-form{padding:28px}.report-form label{display:grid;gap:8px;margin:14px 0;color:var(--muted2);font-weight:700}.report-form input,.report-form select,.report-form textarea,.filter-row input{width:100%;border:1px solid var(--border);background:#0f172a;color:#fff;border-radius:12px;padding:13px}.report-form textarea{min-height:130px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{grid-template-columns:auto 1fr!important;align-items:start}.status-flow{color:var(--muted2);line-height:1.8}.notice{border:1px solid var(--border);border-radius:18px;padding:16px 18px;margin:14px 0;color:var(--muted2);background:rgba(15,23,42,.78)}.notice.good{border-color:rgba(34,197,94,.28)}.notice.warn{border-color:rgba(245,158,11,.35)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:24px}.stat span{color:var(--muted);display:block;margin-bottom:8px}.stat strong{font-size:1.55rem}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px;background:rgba(15,23,42,.6)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border)}th{color:#dbeafe}td{color:var(--muted2)}.gallery-grid,.camera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-card,.camera-card{padding:22px}.gallery-art,.camera-screen{min-height:170px;border-radius:18px;background:linear-gradient(135deg,#334155,#0f172a);display:grid;place-items:center;color:#fff;font-size:3rem;font-weight:1000;margin-bottom:18px}.camera-screen{font-size:.95rem;color:#94a3b8}.status{display:inline-flex;padding:7px 10px;border-radius:999px;margin:8px 0;color:#fff}.status.online{background:var(--green)}.status.offline{background:#64748b}.data-note{color:var(--muted);text-align:center}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 2fr auto;gap:26px;padding:64px clamp(18px,7vw,100px);border-top:1px solid var(--border);background:rgba(2,6,23,.88);color:var(--muted2)}.footer-grid a{display:block;color:var(--muted2);margin:8px 0}.social{display:flex;gap:12px}.social a{width:36px;height:36px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center}.offline-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.offline-wrap .glass-card{max-width:620px;padding:34px}.toast{position:fixed;right:18px;bottom:18px;transform:translateY(25px);opacity:0;background:#0f172a;border:1px solid var(--border);border-radius:16px;padding:14px 18px;box-shadow:var(--shadow);z-index:80;transition:.25s}.toast.show{transform:none;opacity:1}.modal-layer{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;place-items:center;z-index:90;padding:18px}.modal-layer.open{display:grid}.modal{max-width:520px;background:#0f172a;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:var(--shadow);position:relative}.modal-x{position:absolute;right:16px;top:12px;background:transparent;color:#fff;border:0;font-size:2rem;cursor:pointer}