:root {
--s4: 4px; --s8: 8px; --s12: 12px; --s16: 16px; --s24: 24px; --s32: 32px; --s40: 40px; --s64: 64px;
--bg: #050505; --bg-alt: #141414; --fg: #e0e0e0; --fg-muted: #8a8a8a;
--accent: #00ff41; --accent-alt: #00b32d; --focus-alt: #ffffff;
--font-mono: 'Courier New', Courier, monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;min-width:0}
html{font-family:var(--font-mono);background-color:var(--bg);color:var(--fg);font-size:16px;line-height:1.6;scroll-behavior:smooth}
body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
a:hover{border-bottom-color:var(--accent)}
h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--fg);overflow-wrap:anywhere}
h1{font-size:2.5rem;margin-bottom:var(--s24)}
h2{font-size:1.75rem;margin-top:var(--s40);margin-bottom:var(--s16)}
h3{font-size:1.25rem;margin-top:var(--s32);margin-bottom:var(--s12)}
h1::before,h2::before,h3::before{content:'■ ';color:var(--accent)}
p,ul,ol{margin-bottom:var(--s24)}
ul,ol{padding-left:var(--s24)}
li{margin-bottom:var(--s8)}
img{max-width:100%;height:auto;display:block;border:2px solid var(--accent)}
.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--s16)}
.skip-link{position:absolute;top:-100px;left:0;background:var(--accent);color:var(--bg);padding:var(--s8) var(--s16);z-index:100}
.skip-link:focus{top:0}
.site-header{border-bottom:2px solid var(--accent);background:var(--bg);height:64px;display:flex;align-items:center}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s16)}
.brand{display:flex;align-items:center;gap:var(--s8);font-size:1.25rem;font-weight:700;color:var(--fg);border:none;flex-shrink:0;white-space:nowrap}
.brand svg{width:24px;height:24px;fill:var(--accent)}
.brand:hover{border:none}
.desktop-nav{display:none;align-items:center;gap:var(--s24)}
.desktop-nav a{color:var(--fg);white-space:nowrap;font-size:.875rem}
.desktop-nav a:hover{color:var(--accent)}
.cta-button{display:inline-block;padding:var(--s8) var(--s16);background:var(--bg);color:var(--accent);border:2px solid var(--accent);text-transform:uppercase;font-weight:700;text-align:center;white-space:nowrap}
.cta-button:hover{background:var(--accent);color:var(--bg)}
.desktop-cta{display:none}
.menu-toggle{background:0 0;border:2px solid var(--accent);color:var(--accent);padding:var(--s4) var(--s8);font-family:inherit;font-size:1rem;cursor:pointer;text-transform:uppercase}
@media (min-width:1024px){
.menu-toggle{display:none}
.desktop-nav,.desktop-cta{display:flex}
}
@media (max-width:1023px){
.site-header{height:52px}
}
.mobile-menu{position:fixed;top:52px;left:0;right:0;bottom:0;background:var(--bg);z-index:50;overflow-y:auto;padding:var(--s24) var(--s16);border-top:2px solid var(--accent)}
.mobile-nav{display:flex;flex-direction:column;gap:var(--s24);margin-block:auto;align-items:flex-start}
.mobile-nav a{font-size:1.25rem;color:var(--fg)}
#main{flex:1;padding-block:var(--s40) var(--s64)}
.hero{margin-bottom:var(--s64)}
.hero-content{margin-bottom:var(--s32)}
.hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--accent)}
.colour-panels{display:flex;flex-direction:column;border-top:2px solid var(--accent)}
.panel-entry{width:100%;padding-block:var(--s64);border-bottom:2px solid var(--accent)}
.panel-entry:nth-child(even){background-color:var(--bg-alt)}
.panel-inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.panel-num{font-size:6rem;line-height:1;color:var(--accent);font-weight:700;margin-bottom:var(--s16)}
.panel-entry h2{margin-top:0;font-size:2rem}
.panel-entry h2::before{display:none}
.panel-entry p{max-width:600px;margin-inline:auto;color:var(--fg-muted)}
@media (min-width:768px){.panel-num{font-size:8rem}}
.article-grid{display:grid;gap:var(--s40);margin-bottom:var(--s64)}
@media (min-width:768px){.article-grid{grid-template-columns:2fr 1fr;gap:var(--s64)}}
.article-content>img{margin-block:var(--s32);width:100%;aspect-ratio:16/9;object-fit:cover}
.table-wrapper{overflow-x:auto;margin-bottom:var(--s24);border:2px solid var(--accent)}
table{width:100%;border-collapse:collapse;min-width:600px}
th,td{padding:var(--s12) var(--s16);text-align:left;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent)}
th{background:var(--bg-alt);color:var(--accent);text-transform:uppercase}
th:last-child,td:last-child{border-right:none}
.form-group{margin-bottom:var(--s24)}
label{display:block;margin-bottom:var(--s8);color:var(--accent);text-transform:uppercase}
input,textarea{width:100%;background:var(--bg-alt);border:2px solid var(--accent);color:var(--fg);padding:var(--s12);font-family:inherit;font-size:1rem}
input:focus,textarea:focus{outline:2px solid var(--focus-alt);outline-offset:2px}
.site-footer{background:var(--bg-alt);border-top:2px solid var(--accent);padding-block:var(--s40);margin-top:auto}
.footer-grid{display:grid;gap:var(--s32)}
@media (min-width:768px){.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.footer-section h4{color:var(--accent);margin-bottom:var(--s16);font-size:1rem}
.footer-section h4::before{content:'> '}
.footer-section ul{list-style:none;padding:0}
.footer-section p{margin-bottom:var(--s8);color:var(--fg-muted)}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-alt);border-top:2px solid var(--accent);padding:var(--s16);z-index:90;transform:translateY(100%);transition:transform .3s}
.cookie-banner[data-visible="true"]{transform:translateY(0)}
.cookie-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s16)}
.cookie-buttons{display:flex;flex-direction:column;gap:var(--s8)}
.cookie-btn{background:var(--bg);color:var(--accent);border:2px solid var(--accent);padding:var(--s8) var(--s16);font-family:inherit;font-size:1rem;cursor:pointer;text-transform:uppercase;flex:1 1 auto;text-align:center}
.cookie-btn:hover{background:var(--accent);color:var(--bg)}
@media (min-width:480px){.cookie-buttons{flex-direction:row;flex-wrap:wrap}}
@media (min-width:768px){.cookie-content{flex-direction:row;align-items:center;justify-content:space-between}.cookie-buttons{flex-direction:row;justify-content:flex-end;width:auto}.cookie-text{flex:1;padding-right:var(--s24)}}
.cookie-preferences{display:none;padding-top:var(--s16);margin-top:var(--s16);border-top:1px solid var(--accent)}
.cookie-preferences[hidden]{display:none}
.cookie-preferences:not([hidden]){display:block}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.site-footer :focus-visible,.mobile-menu :focus-visible,.cookie-banner :focus-visible{outline-color:var(--focus-alt)}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}