body,html{margin:0;padding:0;min-height:100%}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#0b1020 0,#05070d 100%);color:#fff4c2;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:1000;width:100%;background:rgba(5,7,13,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,215,106,.24);box-shadow:0 0 18px rgba(255,210,95,.16),0 8px 30px rgba(0,0,0,.26);animation:goldNavGlow 6s ease-in-out infinite}.navInner{max-width:1280px;margin:0 auto;padding:16px 20px}.navLinks{display:flex;flex-wrap:wrap;gap:12px}.navBtn,.navLinks{align-items:center;justify-content:center}.navBtn{display:inline-flex;min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none;color:#ffd76a;font-size:14px;font-weight:700;background:rgba(255,210,95,.07);border:1px solid rgba(255,210,95,.34);box-shadow:0 0 14px rgba(255,210,95,.18),inset 0 0 12px rgba(255,210,95,.04);text-shadow:0 0 8px rgba(255,215,106,.55),0 0 18px rgba(255,180,40,.22);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.navBtn:hover{transform:translateY(-1px);color:#fff1b8;border-color:rgba(255,230,150,.6);background:rgba(255,210,95,.12);box-shadow:0 0 22px rgba(255,210,95,.36),0 0 42px rgba(255,160,30,.18),inset 0 0 14px rgba(255,210,95,.08)}.navHomeBtn{min-height:54px;padding:10px 18px;flex-direction:column;align-items:flex-start;justify-content:center;min-width:180px}.navHomeTitle{font-size:14px;color:#ffe08a;text-shadow:0 0 8px rgba(255,215,106,.65),0 0 20px rgba(255,180,40,.28)}.navHomeSub,.navHomeTitle{letter-spacing:.18em;line-height:1.1}.navHomeSub{margin-top:4px;font-size:10px;text-transform:uppercase;color:#ffd76a;opacity:.92}.frontNav{animation:frontNavShellSync 10s ease-in-out infinite!important}.frontNav .navBtn,.frontNav .navHomeSub,.frontNav .navHomeTitle{animation:frontNavTextSync 10s ease-in-out infinite!important}.pageShell{width:100%;padding-top:28px}.page{min-height:100vh;padding:24px 20px 70px}.hero{max-width:1180px;margin:0 auto;text-align:center}.acronym{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:#ffd76a;margin-bottom:12px;text-shadow:0 0 8px rgba(255,215,106,.55),0 0 18px rgba(255,180,40,.22)}.title{display:flex;flex-direction:column;align-items:center;margin:0 0 14px}.bity{font-size:clamp(54px,9vw,98px);line-height:.95;letter-spacing:.14em;color:#fff1b8;text-shadow:0 0 10px rgba(255,230,150,.75),0 0 28px rgba(255,180,40,.38)}.nodes{margin-top:10px;font-size:clamp(18px,2vw,28px);letter-spacing:.36em;color:#ffd76a;text-transform:uppercase;text-shadow:0 0 10px rgba(255,215,106,.55),0 0 24px rgba(255,180,40,.28)}.subtitle{max-width:760px;margin:0 auto 22px;color:#fff4c2;font-size:18px;line-height:1.7}.audioWrap{display:flex;justify-content:center;margin:22px 0 8px}.heroBox{margin-top:34px;padding:30px;border-radius:28px;background:linear-gradient(180deg,rgba(20,24,38,.9),rgba(8,10,18,.96));border:1px solid rgba(255,210,95,.26);box-shadow:0 0 28px rgba(255,210,95,.14),inset 0 0 22px rgba(255,210,95,.04)}.modeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.modeCard{display:block;text-align:left;padding:26px 24px;border-radius:22px;background:linear-gradient(180deg,rgba(255,210,95,.07),hsla(0,0%,100%,.025));border:1px solid rgba(255,210,95,.22);box-shadow:0 0 16px rgba(255,210,95,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.modeCard:hover{transform:translateY(-4px);border-color:rgba(255,230,150,.52);box-shadow:0 0 24px rgba(255,210,95,.24),0 0 52px rgba(255,160,30,.12)}.modeTitle{margin:0 0 12px;font-size:30px;color:#ffd76a;text-shadow:0 0 10px rgba(255,215,106,.5),0 0 22px rgba(255,180,40,.18)}.modeText{margin:0;font-size:16px;line-height:1.7;color:#f5e7b2}.audio-player{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%}.audio-player select{min-width:180px;height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,215,106,.55);background:rgba(16,18,27,.94);color:#fff4c2;font-size:14px;outline:none;box-shadow:0 0 20px rgba(255,210,95,.24),inset 0 0 10px rgba(255,210,95,.06)}.audio-player button{height:44px;min-width:112px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.audio-player button:hover{transform:translateY(-1px)}.audio-player .play-btn{border:1px solid rgba(255,215,106,.7);background:linear-gradient(180deg,rgba(255,215,106,.38),rgba(180,120,20,.34));color:#fff4c2;text-shadow:0 0 10px rgba(255,215,106,.85),0 0 24px rgba(255,180,40,.35);box-shadow:0 0 28px rgba(255,210,95,.48),0 0 48px rgba(255,160,30,.22),inset 0 0 18px rgba(255,210,95,.18)}.audio-player .play-btn:hover{border-color:rgba(255,235,170,.9);background:linear-gradient(180deg,rgba(255,225,125,.5),rgba(190,125,24,.42));box-shadow:0 0 36px rgba(255,210,95,.68),0 0 64px rgba(255,160,30,.36),inset 0 0 20px rgba(255,210,95,.24)}.audio-player .stop-btn{border:1px solid rgba(255,215,106,.48);background:rgba(255,210,95,.09);color:#ffd76a;text-shadow:0 0 8px rgba(255,215,106,.65);box-shadow:0 0 18px rgba(255,210,95,.28),inset 0 0 12px rgba(255,210,95,.08)}.audio-player .stop-btn:hover{border-color:rgba(255,235,170,.72);color:#fff1b8;box-shadow:0 0 28px rgba(255,210,95,.46),inset 0 0 14px rgba(255,210,95,.12)}.backToNodeModes{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:10px 16px;border-radius:999px;text-decoration:none;color:#ffd76a;background:rgba(255,210,95,.07);border:1px solid rgba(255,210,95,.34);box-shadow:0 0 16px rgba(255,210,95,.16)}.backToNodeModes:hover{border-color:rgba(255,230,150,.58);box-shadow:0 0 20px rgba(255,210,95,.34),0 0 38px rgba(255,160,30,.14)}@keyframes goldNavGlow{0%{box-shadow:0 0 14px rgba(255,210,95,.14),0 8px 30px rgba(0,0,0,.24)}50%{box-shadow:0 0 30px rgba(255,210,95,.36),0 0 48px rgba(255,160,30,.16),0 8px 30px rgba(0,0,0,.24)}to{box-shadow:0 0 14px rgba(255,210,95,.14),0 8px 30px rgba(0,0,0,.24)}}@keyframes frontNavShellSync{0%{border-bottom-color:rgba(168,85,247,.35);box-shadow:0 0 24px rgba(168,85,247,.28),0 8px 30px rgba(0,0,0,.26)}25%{border-bottom-color:rgba(59,130,246,.38);box-shadow:0 0 28px rgba(59,130,246,.32),0 8px 30px rgba(0,0,0,.26)}50%{border-bottom-color:rgba(34,197,94,.38);box-shadow:0 0 30px rgba(34,197,94,.3),0 8px 30px rgba(0,0,0,.26)}75%{border-bottom-color:rgba(245,158,11,.4);box-shadow:0 0 30px rgba(245,158,11,.34),0 8px 30px rgba(0,0,0,.26)}to{border-bottom-color:rgba(168,85,247,.35);box-shadow:0 0 24px rgba(168,85,247,.28),0 8px 30px rgba(0,0,0,.26)}}@keyframes frontNavTextSync{0%{color:#f3e8ff;border-color:rgba(168,85,247,.45);text-shadow:0 0 10px #a855f7,0 0 30px #7c3aed;box-shadow:0 0 16px rgba(168,85,247,.22),inset 0 0 12px rgba(168,85,247,.06)}25%{color:#bfdbfe;border-color:rgba(59,130,246,.5);text-shadow:0 0 12px #3b82f6,0 0 40px #60a5fa;box-shadow:0 0 18px rgba(59,130,246,.24),inset 0 0 12px rgba(59,130,246,.06)}50%{color:#bbf7d0;border-color:rgba(34,197,94,.5);text-shadow:0 0 12px #22c55e,0 0 42px #4ade80;box-shadow:0 0 18px rgba(34,197,94,.24),inset 0 0 12px rgba(34,197,94,.06)}75%{color:#fde68a;border-color:rgba(245,158,11,.55);text-shadow:0 0 12px #f59e0b,0 0 44px #facc15;box-shadow:0 0 18px rgba(245,158,11,.28),inset 0 0 12px rgba(245,158,11,.08)}to{color:#f3e8ff;border-color:rgba(168,85,247,.45);text-shadow:0 0 10px #a855f7,0 0 30px #7c3aed;box-shadow:0 0 16px rgba(168,85,247,.22),inset 0 0 12px rgba(168,85,247,.06)}}@media (max-width:980px){.navInner{padding:14px}.navLinks{justify-content:center;gap:10px}.navBtn{font-size:13px;padding:0 14px}.navHomeBtn{width:100%;align-items:center;text-align:center}.pageShell{padding-top:20px}.modeGrid{grid-template-columns:1fr}.heroBox{padding:22px}.modeTitle{font-size:26px}.subtitle{font-size:16px}}