:root{--bg:#071529;--panel:#0b1e38;--gold:#d6b760;--line:#ffffff18;--muted:#94a3b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f8fafc;font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;border-radius:12px;background:var(--gold);color:#071529;padding:12px 18px;font-weight:700}input,select{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:white;margin:7px 0 15px}label{display:block;color:#cbd5e1;font-size:14px}.brand{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:24px}.brand b{font-family:Georgia;font-size:22px;color:white}.brand small{font-size:9px;letter-spacing:2px}header{height:76px;display:flex;align-items:center;gap:30px;padding:0 4%;border-bottom:1px solid var(--line);position:sticky;top:0;background:#071529f5;z-index:5}header>input{max-width:520px;margin:auto}header nav{display:flex;gap:15px;font-size:14px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;max-width:1500px;margin:auto}.layout>aside{padding:28px 20px;border-right:1px solid var(--line)}.layout>aside>a{display:block;padding:11px;border-radius:10px;color:var(--muted)}.layout>aside>a.active{background:var(--gold);color:#071529}.layout main{padding:30px 40px}.plan,.purpose{margin:25px 0;padding:20px;border:1px solid #d6b76044;border-radius:20px;background:#d6b7600e}.plan p,.purpose p,.muted{color:var(--muted);line-height:1.6}.hero{padding:45px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 80% 20%,#d6b76033,transparent 35%),linear-gradient(135deg,#10294c,#0a1b32)}.hero span,.section-title span,.gold{font-size:12px;font-weight:bold;letter-spacing:2px;color:var(--gold)}h1{font:42px Georgia;margin:12px 0}h2{font-family:Georgia}.ghost{background:#ffffff0a;color:white;margin-left:10px}.section-title{margin:35px 0 15px}.hymn{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:12px;margin:10px 0}.hymn i{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--gold);color:#071529;font-weight:bold;font-style:normal}.hymn small{display:block;color:var(--muted);margin-top:6px}.now{border-left:1px solid var(--line)!important}.now span{font-size:11px;letter-spacing:2px;color:var(--gold)}.tabs{margin:20px 0;padding:12px;border-radius:12px;background:#ffffff09;color:var(--gold);font-size:13px}footer{position:fixed;bottom:0;left:0;right:0;background:#061222f5;border-top:1px solid var(--line);padding:13px 7%;display:flex;align-items:center;gap:15px;z-index:6}footer div{height:5px;flex:1;background:linear-gradient(90deg,var(--gold) 45%,#ffffff18 45%);border-radius:5px}.center{min-height:100vh;display:grid;place-items:center;padding:25px}.install{width:min(720px,100%);border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:32px}.install .brand{margin-bottom:25px}.install h1{font-size:32px}.grid,.stats,.modules{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.error,.success{padding:13px;border-radius:10px;margin:15px 0}.error{background:#ef444422;color:#fecaca}.success{background:#10b98122;color:#a7f3d0}.note{font-size:12px;color:var(--muted)}dialog{max-width:460px;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:white;padding:28px}dialog::backdrop{background:#000b}.close{float:right;background:transparent;color:white;font-size:24px}.admin{max-width:1200px;margin:auto;padding:35px 5%}.stats{grid-template-columns:repeat(4,1fr);margin:25px 0}.stats article,.modules article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.stats b{font-size:28px;display:block}.stats span{color:var(--muted);font-size:13px}.modules{grid-template-columns:repeat(3,1fr)}.modules p{color:var(--muted);line-height:1.5}@media(max-width:1050px){.layout{grid-template-columns:200px 1fr}.now{display:none}.modules{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){header{height:auto;padding:15px;flex-wrap:wrap}header>input{order:3;max-width:none}.layout{display:block}.layout>aside{display:none}.layout main{padding:20px 14px}.hero{padding:25px}.hero h1{font-size:34px}.grid,.stats,.modules{grid-template-columns:1fr}.install{padding:22px}footer{font-size:12px}.ghost{margin:10px 0 0}.stats{grid-template-columns:repeat(2,1fr)}}
