@font-face{font-family:Volkhov;src:url(volkhov.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#080808;--text:#f5f3ee;--accent:#FFD500}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Volkhov,Georgia,serif;font-weight:400;-webkit-font-smoothing:antialiased}
.page{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:0 56px;overflow:hidden}
main{width:min(100%,480px);margin:auto;position:relative;padding:60px 0;text-align:center}
.brand-logo{display:block;width:min(100%,300px);height:auto;margin:0 auto 34px}
ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.link{display:flex;align-items:center;gap:20px;text-align:left;min-height:100px;padding:23px 25px;border:1px solid #ffffff22;background:#101010;border-radius:8px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s}
.link:hover{border-color:#ffd50080;background:#181609;transform:translateY(-2px)}.link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.link.featured{background:var(--accent);border-color:var(--accent);color:#171300}.link.featured:hover{background:#FFE24D;border-color:#FFE24D}
.icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #ffd50025;border-radius:8px;color:var(--accent)}
.icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.featured .icon{color:#302800;border-color:#00000025}
.link-copy{flex:1;min-width:0}.link-title{font-size:18px;font-weight:400}
.arrow{width:24px;height:24px;flex:0 0 24px;transition:transform .2s}.arrow svg{display:block;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.link:hover .arrow{transform:translate(2px,-2px)}
.orbital{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);width:1100px;height:1100px;pointer-events:none;opacity:.6}.orbital div{position:absolute;border:1px solid #ffd5000b;border-radius:50%;inset:0}.orbital div:nth-child(2){inset:110px}.orbital div:nth-child(3){inset:220px}
@media(max-width:600px){.page{padding:0 22px}main{padding:44px 0}.brand-logo{width:min(100%,270px);margin-bottom:30px}.link{padding:20px 18px;gap:15px;min-height:96px}.link-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.link,.arrow{transition:none}}