:root{--bg:#030712;--c:#00f3ff;--y:#ffea00;--m:#ff006e;--w:#eefaff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--w);font-family:Segoe UI,Tahoma,Arial,sans-serif;min-height:100vh}a{color:inherit}
.space{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 15%,#00f3ff33,transparent 28%),radial-gradient(circle at 80% 20%,#ff006e2e,transparent 32%),linear-gradient(#02040b,#071027 60%,#030712)}
.space:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25px 35px,#fff 1px,transparent 2px),radial-gradient(circle at 160px 90px,#00f3ff 1px,transparent 2px);background-size:260px 220px;opacity:.55;animation:st 35s linear infinite}@keyframes st{to{background-position:260px 220px}}
.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 22px;background:#0008;backdrop-filter:blur(8px);position:sticky;top:0;z-index:5;flex-wrap:wrap}.brand{font-weight:900;color:var(--c);text-shadow:0 0 12px var(--c);letter-spacing:.12em}
.nav,.langs{display:flex;gap:8px;flex-wrap:wrap}.nav a,.langs a,.back,.links a{border:1px solid #00f3ff77;border-radius:999px;padding:8px 13px;text-decoration:none;background:#00f3ff14;font-weight:700}.langs .on,.nav a:hover,.langs a:hover,.back:hover,.links a:hover{color:var(--y);border-color:var(--y);background:#ffea0018}
.hero{position:relative;min-height:650px;display:flex;justify-content:center;align-items:center}.sun{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#fff7a0,#ffea00 40%,#ff9500);color:#1b1300;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;text-align:center;box-shadow:0 0 70px #ffea00,0 0 150px #ffea0066;animation:p 3s ease-in-out infinite}.sun b{font-size:48px}.sun small{font-size:14px;text-transform:uppercase}@keyframes p{50%{transform:scale(1.04)}}
.planet{position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid #00f3ffaa;background:linear-gradient(145deg,#00f3ff22,#0008);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;cursor:pointer;font-weight:800;box-shadow:0 0 24px #00f3ff33;transition:.2s}.planet:hover{transform:scale(1.08);border-color:var(--y);color:var(--y)}
.p1{left:10%;top:15%}.p2{left:30%;top:8%}.p3{right:30%;top:8%}.p4{right:10%;top:15%}.p5{left:15%;bottom:12%}.p6{right:15%;bottom:12%}.p7{left:50%;bottom:2%;transform:translateX(-50%)}.p7:hover{transform:translateX(-50%) scale(1.08)}
.ask{max-width:980px;margin:-20px auto 20px;padding:22px;text-align:center}.ask h1{color:var(--c);font-size:clamp(26px,4vw,44px);text-shadow:0 0 16px #00f3ffaa}.ask form{display:flex;gap:10px;flex-wrap:wrap}.ask input{flex:1;min-width:min(700px,100%);padding:16px;border-radius:16px;border:1px solid #00f3ff88;background:#0008;color:#fff}.ask button{padding:16px;border-radius:16px;border:1px solid var(--y);background:#ffea0020;color:var(--y);font-weight:900}.answer{margin-top:15px;padding:18px;border:1px solid #00f3ff55;border-radius:18px;background:#0007;line-height:1.55}
.links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px 20px 55px}.doc{max-width:980px;margin:auto;padding:25px 22px 60px;line-height:1.75}.doc h1{font-size:clamp(34px,6vw,62px);color:var(--c);text-shadow:0 0 18px #00f3ffaa}.doc h2{color:var(--y);margin-top:30px}.doc h3{color:var(--c);margin-top:30px}.doc h4{color:#fff;margin-bottom:0}.doc p{font-size:18px}.lead{font-size:22px}.motto{font-size:28px;color:var(--y);font-weight:900;text-shadow:0 0 18px #ffea00aa}.docbar{max-width:980px;margin:auto;padding:15px 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
@media(max-width:820px){.topbar{position:relative;justify-content:center;text-align:center}.hero{min-height:820px}.sun{width:180px;height:180px}.sun b{font-size:36px}.planet{width:126px;height:126px;font-size:14px}.p1{left:4%;top:17%}.p2{left:37%;top:7%}.p3{right:4%;top:17%}.p4{right:4%;top:48%}.p5{left:4%;bottom:17%}.p6{right:28%;bottom:8%}.p7{left:36%;bottom:32%}}