:root{--bg:#06070b;--bg-soft:#0d1017;--panel:#111521;--panel-2:#161c2a;--line:#252d40;--text:#f3f6fc;--muted:#9ea8bf;--accent:#6d7cff;--accent-2:#18d4a7;--danger:#ff7272;--shadow:0 24px 60px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at top,rgba(109,124,255,.16),transparent 28%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{max-width:1240px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:30;background:rgba(6,7,11,.8);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-row,.footer-row,.split-head,.hero-grid,.detail-layout,.hero-actions,.admin-actions{display:flex;align-items:center}.nav-row,.footer-row,.split-head{justify-content:space-between}.nav-row{min-height:78px}.brand,.footer-brand{font-size:22px;font-weight:800;letter-spacing:.04em}.nav{display:flex;gap:24px}.nav a,.footer-links a{color:var(--muted)}.nav a:hover,.footer-links a:hover,.system-actions a:hover,.actions a:hover{color:var(--text)}.hero-block,.section-block{padding:72px 0}.hero-grid{gap:32px;justify-content:space-between}.hero-grid>*{flex:1}.eyebrow,.category-tag,.category-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(109,124,255,.12);border:1px solid rgba(109,124,255,.22);color:#c7d1ff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-block h1,.detail-title{margin:18px 0 16px;font-size:72px;line-height:.98;max-width:760px}.hero-copy,.detail-copy,.site-footer p,.system-body p,.category-card p,.hero-panel p,.empty-state p{color:var(--muted);font-size:18px;line-height:1.65}.card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-panel,.category-card,.system-body,.empty-state,.admin-form,.admin-table-wrap,.detail-image{padding:28px}.hero-panel{max-width:360px;display:flex;flex-direction:column;gap:16px}.stat{display:flex;align-items:end;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.stat span{font-size:52px;font-weight:800}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:14px;background:linear-gradient(90deg,var(--accent),#8f5cff);color:#fff;font-weight:700;border:1px solid transparent}.button-secondary{background:transparent;border-color:var(--line);color:var(--text)}.hero-actions,.admin-actions{gap:14px;flex-wrap:wrap}.section-head{margin-bottom:28px}.section-head h1,.section-head h2{margin:14px 0 0;font-size:42px;line-height:1.1}.category-grid,.systems-grid,.form-grid{display:grid;gap:20px}.category-grid{grid-template-columns:repeat(4,1fr)}.section-dark{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.systems-group+.systems-group{margin-top:36px}.systems-grid{grid-template-columns:repeat(3,1fr)}.system-card{overflow:hidden}.system-image{display:block;aspect-ratio:16/9;background:#0b0e15;border-bottom:1px solid var(--line)}.system-image img{width:100%;height:100%;object-fit:cover}.system-body{display:flex;flex-direction:column;gap:16px;height:100%}.system-body h3{margin:0;font-size:28px;line-height:1.1}.impact{font-weight:700;color:#dbe2ff}.system-actions,.footer-links,.actions{display:flex;gap:18px;flex-wrap:wrap}.system-actions a,.actions a{color:#c7d1ff;font-weight:700}.site-footer{padding:32px 0 56px;border-top:1px solid rgba(255,255,255,.06)}.footer-links{justify-content:flex-end}.narrow-shell{max-width:620px}.wide-form-shell{max-width:860px}.admin-auth-wrap{min-height:calc(100vh - 200px)}.admin-form h1{margin:14px 0 18px;font-size:40px}.field-label{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-weight:700}.input{width:100%;min-height:52px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);outline:none}.textarea{min-height:140px;resize:vertical}.form-grid{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.full{grid-column:1/-1}.checkbox-row{display:flex;align-items:center;gap:10px;color:var(--text)}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px}.success{background:rgba(24,212,167,.12);border:1px solid rgba(24,212,167,.24);color:#8ff2d3}.error{background:rgba(255,114,114,.12);border:1px solid rgba(255,114,114,.24);color:#ffb4b4}.image-preview img,.detail-image img{width:100%;border-radius:18px;border:1px solid var(--line)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-table th{color:#c7d1ff;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.compact-head{margin-bottom:18px}.empty-state{text-align:center}.detail-shell{max-width:1100px}.detail-layout{gap:28px;align-items:start}.detail-layout>*{flex:1}.detail-impact{margin-bottom:22px}.footer-row{gap:24px}.footer-row p{margin:8px 0 0}.footer-links{align-items:center}.admin-table-wrap{overflow:auto}.category-card h3{margin:14px 0 10px;font-size:24px}.group-head{margin-bottom:16px}@media (max-width:1100px){.category-grid,.systems-grid{grid-template-columns:repeat(2,1fr)}.hero-block h1,.detail-title{font-size:56px}}@media (max-width:760px){.shell{padding:0 16px}.nav-row,.footer-row,.hero-grid,.detail-layout,.split-head{flex-direction:column;align-items:flex-start}.nav{gap:14px;flex-wrap:wrap}.hero-block,.section-block{padding:48px 0}.hero-block h1,.detail-title{font-size:42px}.section-head h1,.section-head h2{font-size:32px}.category-grid,.systems-grid,.form-grid{grid-template-columns:1fr}.hero-panel{max-width:none;width:100%}.footer-links{justify-content:flex-start}}