:root { --gold:#d2a650; --ink:#151c17; --panel:#2c3b31; --aqua:#8dc5af; --paper:#efe1c0; --muted:#b7b69a; --line:rgba(243,202,82,.28); --nav-h:58px; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; min-height:100vh; display:flex; flex-direction:column; color:var(--paper); background:linear-gradient(115deg,#151c17 0 58%,#05272b 58%); font-family:Georgia,'Times New Roman',serif; }
a { color:inherit; }
#topnav { position:fixed; inset:0 0 auto; z-index:1000; height:var(--nav-h); display:flex; align-items:center; gap:18px; padding:0 clamp(12px,3vw,38px); background:rgba(3,25,28,.96); border-bottom:1px solid var(--line); }
.nav-logo { margin-right:auto; color:var(--gold); text-decoration:none; font-weight:800; letter-spacing:3px; white-space:nowrap; }
.nav-links { display:flex; align-items:center; gap:3px; }
.nav-link { padding:8px 9px; color:var(--muted); text-decoration:none; text-transform:uppercase; font:700 .7rem/1 Arial,sans-serif; letter-spacing:1px; border-bottom:2px solid transparent; }
.nav-link:hover,.nav-link.active { color:var(--gold); border-color:var(--gold); }
.page-shell { width:min(1120px,100%); flex:1; margin:0 auto; padding:calc(var(--nav-h) + 62px) 24px 80px; }
.page-shell.narrow { width:min(900px,100%); }
.page-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr); gap:20px 70px; padding-bottom:40px; border-bottom:1px solid var(--line); }
.kicker,.index { color:var(--aqua); font:800 .68rem Arial,sans-serif; letter-spacing:2px; text-transform:uppercase; }
.page-head .kicker { grid-column:1/-1; }
h1 { margin:0; color:var(--gold); font-size:clamp(2.4rem,7vw,5.5rem); line-height:.96; letter-spacing:0; }
.page-head p { align-self:end; margin:0; color:var(--muted); font-size:1.02rem; line-height:1.75; }
h2 { margin:10px 0; color:var(--paper); font-size:1.35rem; letter-spacing:0; }
p { color:var(--muted); line-height:1.75; }
.archive-grid { display:grid; grid-template-columns:repeat(2,1fr); margin-top:42px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.feature { min-height:235px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.feature.wide { grid-column:1/-1; min-height:190px; }
.feature p { max-width:720px; margin:0; }
.control-ledger { display:grid; grid-template-columns:1fr 1fr auto; gap:30px; align-items:center; margin-top:55px; padding:30px; background:var(--panel); border-left:5px solid var(--aqua); }
.control-ledger p { margin-bottom:0; }
.action { display:inline-flex; min-height:45px; align-items:center; justify-content:center; padding:12px 22px; color:var(--ink); background:var(--gold); text-decoration:none; text-transform:uppercase; font:800 .72rem Arial,sans-serif; letter-spacing:2px; white-space:nowrap; }
.contact-board { display:grid; grid-template-columns:repeat(3,1fr); margin-top:48px; border:1px solid var(--line); }
.contact-board a { display:flex; min-width:0; min-height:220px; flex-direction:column; justify-content:space-sessionween; gap:20px; padding:28px; text-decoration:none; border-right:1px solid var(--line); }
.contact-board a:last-child { border-right:0; }
.contact-board span { color:var(--aqua); font:800 .68rem Arial,sans-serif; letter-spacing:2px; text-transform:uppercase; }
.contact-board strong { color:var(--gold); font-size:clamp(1rem,2vw,1.25rem); overflow-wrap:anywhere; }
.contact-board small { color:var(--muted); line-height:1.6; }
.notice { margin-top:42px; padding:24px 28px; background:rgba(6,50,55,.7); border-left:4px solid var(--gold); }
.notice strong { color:var(--gold); }
.notice p { margin:8px 0 0; }
.rules-path { margin-top:48px; }
.rules-path article { display:grid; grid-template-columns:120px 1fr; gap:28px; padding:30px 0; border-bottom:1px solid var(--line); }
.rules-path article>span { color:var(--gold); font:800 .7rem Arial,sans-serif; letter-spacing:2px; text-transform:uppercase; }
.rules-path h2,.rules-path p { margin-top:0; }
.rules-path p { max-width:800px; }
.privacy-map { display:grid; grid-template-columns:220px 1fr; margin-top:48px; border-top:1px solid var(--line); }
.privacy-map>* { padding:28px 20px; border-bottom:1px solid var(--line); }
.map-key { display:flex; align-items:flex-start; gap:14px; border-right:1px solid var(--line); color:var(--gold); }
.map-key span { display:grid; flex:0 0 32px; height:32px; place-items:center; color:var(--ink); background:var(--aqua); font:800 .75rem Arial,sans-serif; }
.map-key strong { font-size:.95rem; }
.privacy-map article h2,.privacy-map article p { margin-top:0; }
footer { display:flex; align-items:center; justify-content:space-sessionween; gap:18px; min-height:70px; padding:18px clamp(20px,5vw,70px); border-top:1px solid var(--line); color:var(--muted); }
footer nav { display:flex; gap:20px; }
footer a { color:var(--paper); text-decoration:none; }
#lang-picker{position:relative;margin-left:4px}#lang-btn{min-width:58px;min-height:34px;border:1px solid var(--line);color:var(--gold);background:transparent;cursor:pointer;font:800 .65rem Arial,sans-serif;letter-spacing:1px}#lang-drop{display:none;position:absolute;top:42px;right:0;width:165px;padding:5px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.4)}#lang-drop.open{display:block}.lang-option{width:100%;padding:9px 10px;border:0;color:var(--muted);background:transparent;cursor:pointer;text-align:left;font:700 .7rem Arial,sans-serif}.lang-option:hover,.lang-option.selected{color:var(--ink);background:var(--aqua)}
@media(max-width:760px){
  .nav-links .nav-link:nth-child(n+3){display:none}.page-shell{padding-left:18px;padding-right:18px}.page-head{grid-template-columns:1fr}.page-head p{max-width:620px}.archive-grid,.contact-board{grid-template-columns:1fr}.feature.wide{grid-column:auto}.contact-board a{min-height:160px;border-right:0;border-bottom:1px solid var(--line)}.contact-board a:last-child{border-bottom:0}.control-ledger{grid-template-columns:1fr}.privacy-map{grid-template-columns:1fr}.map-key{border-right:0;padding-bottom:10px}.privacy-map article{padding-top:8px}.rules-path article{grid-template-columns:1fr;gap:10px}footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:460px){:root{--nav-h:54px}.nav-logo{font-size:.74rem;letter-spacing:2px}.nav-link{padding:7px 5px;font-size:.58rem}.page-shell{padding-top:calc(var(--nav-h) + 42px)}h1{font-size:2.7rem}}

/* unique-style-domain: biiongrinats.pro */