:root{--bg:#061f25;--panel:#0b3540;--muted:#aec4c6;--accent:#57e3d0;--blue:#4ba7ff;--line:#215262}body{background:radial-gradient(900px 500px at 80% -10%,#104f70 0%,#073f48 32%,#061f25 72%);background-attachment:fixed}.topbar{position:sticky;top:0;z-index:10;max-width:none;padding:25px clamp(20px,5vw,72px);background:rgba(4,24,31,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(87,227,208,.18)}.brand{letter-spacing:.19em}.main-nav{display:flex;gap:clamp(12px,2.4vw,32px)}.main-nav a{color:#d8ebee;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.main-nav a:hover{color:var(--accent)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--accent);border-radius:6px;padding:7px 10px;font-size:18px}.hero h1{max-width:760px;text-shadow:0 0 40px rgba(87,227,208,.1)}.button{background:linear-gradient(100deg,var(--accent),var(--blue));box-shadow:0 12px 30px rgba(57,176,193,.2)}.portrait-wrap{border-color:rgba(87,227,208,.45);box-shadow:0 30px 100px rgba(0,0,0,.45),0 0 50px rgba(75,167,255,.12)}.topics,.social-links,.radar-grid{border-color:rgba(87,227,208,.35);background:rgba(25,92,103,.35)}.topics article,.social-links a,.radar-card,.radar-loading{background:rgba(5,34,42,.8)}.social-links{grid-template-columns:repeat(4,1fr);gap:1px}.social-links a{padding:28px 22px;transition:transform .25s ease,background .25s ease}.social-links a:hover{background:#0d4b59;transform:translateY(-4px)}.social-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:18px;margin-bottom:20px}.social-links strong{display:block;color:var(--text);font-size:16px}.social-links span{margin-top:7px}.radar-card h3{color:#f4fbff}.radar-card a{border-color:var(--accent)}footer{color:#8baeb1}@media(max-width:760px){.main-nav{display:none;position:absolute;top:74px;left:20px;right:20px;flex-direction:column;gap:0;background:#06252d;border:1px solid var(--line);padding:10px}.main-nav.open{display:flex}.main-nav a{padding:14px}.menu-toggle{display:block}.topbar{padding:18px 20px}.social-links{grid-template-columns:repeat(2,1fr)}}
