@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap');
:root{--bg:#080a0d;--panel:#11151a;--line:#303941;--muted:#a7afb8;--red:#c91d20;--red2:#ff3434;--gold:#d5b66c;--blue:#286ac4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at top,#1b2229 0,#080a0d 56%);color:#f3f4f5;font-family:Rajdhani,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.topline{min-height:37px;padding:8px max(22px,calc((100% - 1320px)/2));background:#050607;border-bottom:1px solid #292d31;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;letter-spacing:.06em;color:#bfc5cb}.topline b{color:#f33}.top-links{display:flex;gap:18px;align-items:center}.top-links a:hover,.footer-links a:hover{color:#ff3b3b}.status-small{white-space:nowrap}.status-small i,.status-pill i{display:inline-block;width:8px;height:8px;background:#5bd65b;border-radius:50%;box-shadow:0 0 9px #40e35d;margin-right:6px}.hero{height:280px;position:relative;overflow:hidden;background:#111 url('assets/myrn-banner.png') center 35%/cover no-repeat;border-bottom:3px solid #3a4148}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1) 70%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}.hero-copy{position:relative;z-index:1;max-width:1320px;margin:auto;padding:42px 30px 20px}.eyebrow{margin:0 0 7px;color:#d2b35e;font-weight:700;font-size:12px;letter-spacing:.19em;text-transform:uppercase}.hero h1{font:900 clamp(48px,7vw,84px)/.9 'Barlow Condensed',sans-serif;letter-spacing:.02em;margin:0;text-shadow:0 3px 0 #222,0 0 20px #000}.hero h1 em,.tagline em{font-style:normal;color:#ed2828}.tagline{font:700 17px 'Barlow Condensed',sans-serif;letter-spacing:.19em;margin:14px 0 20px}.class-line{font-size:14px;letter-spacing:.16em;font-weight:700}.class-line span{color:#df2828;padding:0 10px}.nav{display:flex;justify-content:center;max-width:1320px;margin:auto;border:1px solid #363d44;background:linear-gradient(#242a30,#101317);box-shadow:0 5px 16px #0008}.nav a{flex:1;text-align:center;padding:15px 8px;font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:.1em;border-right:1px solid #363d44;color:#cbd0d5;transition:.2s}.nav a:last-child{border:0}.nav a:hover,.nav a.active{background:linear-gradient(#e52c2c,#971414);color:white}.layout{max-width:1320px;margin:22px auto 30px;padding:0 18px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.82fr);gap:18px}.main-column,.side-column{display:flex;flex-direction:column;gap:18px}.panel{background:linear-gradient(145deg,rgba(24,29,34,.98),rgba(9,11,14,.98));border:1px solid #3a4249;box-shadow:0 6px 18px #0006,inset 0 1px #ffffff0b;position:relative}.panel:before{content:"";position:absolute;left:0;top:0;width:38px;height:2px;background:#c91d20}.welcome{min-height:260px;padding:28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(90deg,#101419 0%,rgba(10,12,15,.95) 52%,rgba(10,12,15,.45)),url('assets/myrn-banner.png') 75% center/cover}.welcome-text{max-width:540px;position:relative;z-index:1}.welcome h2{font:800 clamp(30px,4vw,48px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 12px}.welcome h2 em{color:#e62a2a;font-style:normal}.welcome p:not(.eyebrow):not(.fineprint){color:#c0c7cd;max-width:450px;margin:0 0 19px}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff25;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.btn-red{background:linear-gradient(#e83b31,#9f1515);border-color:#f15a4e}.btn-blue{background:linear-gradient(#2e78d1,#16437d);border-color:#5293dc}.fineprint{font-size:12px;color:#818a93;margin:13px 0 0}.seal{flex:0 0 140px;width:140px;height:140px;border:2px solid #7c2020;outline:1px solid #a98c4d;outline-offset:5px;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080a0dba;box-shadow:0 0 30px #0009}.seal span{font:700 18px 'Barlow Condensed';letter-spacing:.12em}.seal strong{font:900 44px/.9 'Barlow Condensed';color:#e42c2c}.seal small{font-size:10px;letter-spacing:.35em}.section{padding:22px 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-heading h2,.side-card h2{font:800 25px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.label{font-size:10px;letter-spacing:.13em;border:1px solid #4b535b;padding:5px 8px;color:#aeb6be}.news-item{display:grid;grid-template-columns:70px 1fr;gap:15px;padding:15px 0;border-top:1px solid #292f35}.news-date{height:60px;border:1px solid #424951;background:linear-gradient(#272e34,#111418);display:flex;flex-direction:column;align-items:center;justify-content:center}.news-date b{font:800 21px 'Barlow Condensed';color:#e5c46e}.news-date span{font-size:9px;letter-spacing:.13em;color:#aab1b8}.tag{font:700 10px 'Barlow Condensed';letter-spacing:.1em;padding:3px 6px;display:inline-block}.tag-red{background:#7e191b;color:#ffcece}.tag-gold{background:#5b4820;color:#f1d88f}.tag-blue{background:#183c67;color:#b9dcff}.news-item h3{margin:5px 0 2px;font:700 18px 'Barlow Condensed',sans-serif}.news-item p{margin:0;color:#aeb6be;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature{padding:16px;background:#0b0e11;border:1px solid #2a3036}.feature-icon{font-size:24px;color:#e4bd62}.feature h3{margin:8px 0 4px;font:700 18px 'Barlow Condensed',sans-serif}.feature p{font-size:13px;color:#a9b1b9;margin:0}.server-card{padding:22px}.server-card h2{font:800 25px 'Barlow Condensed';margin:8px 0 10px}.status-pill{display:inline-block;font:700 10px Rajdhani,sans-serif;letter-spacing:.05em;border:1px solid #365b38;background:#112416;color:#7be887;padding:5px 7px;vertical-align:middle}.status-note{font-size:13px;color:#aab2ba;line-height:1.4;margin:0 0 15px}.server-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #2c3238;font-size:13px}.server-row span{color:#a6afb7}.server-row b{text-align:right;color:#e6d38f}.side-card{padding:22px}.side-card h2{margin-bottom:15px}.class-card{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #2b3137}.class-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid #424950;background:#080a0d;font-size:23px}.class-symbol.red{color:#ff5757}.class-symbol.silver{color:#d6dde4}.class-symbol.gold{color:#e5c269}.class-symbol.blue{color:#70a9ff}.class-card h3{margin:0;font:700 17px 'Barlow Condensed',sans-serif}.class-card p{margin:2px 0 0;color:#929ba4;font-size:12px}.social-link{display:flex;align-items:center;gap:10px;padding:12px;margin-top:8px;background:#0a0d10;border:1px solid #30373e}.social-link>span{width:32px;height:32px;display:grid;place-items:center;font-weight:900;font-size:21px;background:#202a35}.social-link.discord>span{color:#9ebaff}.social-link.facebook>span{background:#1766bd;color:white}.social-link.download>span{color:#e9c76b}.social-link div{flex:1;display:flex;flex-direction:column}.social-link b{font:700 15px 'Barlow Condensed',sans-serif}.social-link small{font-size:11px;color:#929ca5}.social-link>strong{color:#9da6af}.social-link:hover{border-color:#9b2525;background:#171b20}.bottom-banner{max-width:1284px;margin:0 auto 28px;padding:30px 22px;text-align:center;background:linear-gradient(90deg,#15191e,#090b0e,#15191e);border:1px solid #383f46}.bottom-banner h2{font:900 38px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:4px 0 17px}.bottom-banner .btn{margin:auto}footer{padding:22px max(20px,calc((100% - 1284px)/2));border-top:1px solid #2c3238;background:#050607;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#8e979f}.footer-brand{font:900 26px 'Barlow Condensed';color:#eee;white-space:nowrap}.footer-brand em{font-style:normal;color:#e82d2d}.footer-brand small{display:block;font:9px Rajdhani;letter-spacing:.4em;text-align:center}.footer-brand+p{font-size:12px;line-height:1.6}.footer-brand+p span{color:#656e76}.footer-links{display:flex;gap:12px;font-size:12px;white-space:nowrap}
@media(max-width:850px){.topline{align-items:flex-start;flex-direction:column}.top-links{flex-wrap:wrap}.hero{height:240px}.hero-copy{padding-top:35px}.nav{flex-wrap:wrap}.nav a{flex:1 1 30%;border-bottom:1px solid #363d44}.layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.server-card{grid-column:1/-1}.bottom-banner{margin-left:18px;margin-right:18px}footer{flex-wrap:wrap}.footer-links{flex-wrap:wrap}}
@media(max-width:560px){.hero{height:220px;background-position:60% center}.hero-copy{padding:38px 18px}.hero h1{font-size:54px}.tagline{font-size:12px;letter-spacing:.1em}.class-line{font-size:10px;letter-spacing:.05em}.class-line span{padding:0 3px}.layout{padding:0 10px;margin-top:12px;gap:12px}.main-column,.side-column{gap:12px}.welcome{padding:22px 18px;min-height:260px}.seal{display:none}.section,.side-card,.server-card{padding:18px}.side-column{display:flex}.feature-grid{grid-template-columns:1fr 1fr}.news-item{grid-template-columns:55px 1fr;gap:10px}.news-date{height:54px}.top-links{gap:12px}.footer-links{white-space:normal}}