@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--night:#07111e;--navy:#0b1929;--panel:#102339;--panel-2:#142b43;--text:#edf5fb;--muted:#9eb1c3;--gold:#ffb21c;--gold-2:#ff7424;--cyan:#38c8ed;--green:#53d08a;--red:#e0523f;--line:rgba(255,255,255,.11);--shadow:0 25px 80px rgba(0,0,0,.34);--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Inter','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--text);background:var(--night);font-family:var(--body);font-size:1rem;line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:200;left:1rem;top:-5rem;padding:.7rem 1rem;background:white;color:#07111e;border-radius:10px}.skip-link:focus{top:1rem}.content-shell{width:min(1180px,calc(100% - 2.5rem));margin-inline:auto}.site-background{position:fixed;z-index:-3;inset:-24px;background:url('/assets/orespire-network-background.png') center top/cover no-repeat;filter:blur(9px) saturate(.9);transform:scale(1.035);opacity:.2}.site-noise{position:fixed;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,17,30,.28),var(--night) 78%),radial-gradient(circle at 50% 20%,transparent 0,rgba(7,17,30,.36) 55%,rgba(7,17,30,.88) 100%)}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:82px;padding:0 max(1rem,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:2rem;background:rgba(5,14,24,.89);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font:900 1.45rem/1 var(--display);letter-spacing:.04em}.brand img{border-radius:10px;box-shadow:0 0 25px rgba(255,178,28,.3)}.brand>span>span{color:var(--gold)}.site-nav{margin-left:auto;display:flex;align-items:stretch;height:100%}.site-nav a{position:relative;padding:0 .78rem;display:grid;place-items:center;color:#b9c8d5;text-decoration:none;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;transition:color .2s ease}.site-nav a:after{content:'';position:absolute;left:50%;right:50%;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:left .2s ease,right .2s ease}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.active{color:white}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a.active:after{left:.7rem;right:.7rem}.nav-play{min-width:155px;padding:.55rem .9rem;display:grid;line-height:1.1;text-align:left;color:var(--night);background:linear-gradient(135deg,var(--gold),var(--gold-2));border:0;border-radius:9px;cursor:pointer;box-shadow:0 8px 25px rgba(255,116,36,.2)}.nav-play span{font:900 .95rem var(--display);letter-spacing:.08em}.nav-play small{font-size:.66rem;font-weight:700}.menu-toggle{display:none;margin-left:auto;padding:.6rem;background:transparent;border:0}.menu-toggle i{display:block;width:24px;height:2px;margin:5px;background:white;border-radius:3px}
.hero{position:relative;min-height:880px;padding:125px 1.25rem 75px;display:grid;place-items:center;overflow:hidden;background:url('/assets/orespire-network-background.png') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,21,.5) 0%,rgba(4,12,21,.23) 34%,rgba(7,17,30,.78) 88%,var(--night) 100%),radial-gradient(ellipse at center,rgba(7,17,30,.08),rgba(7,17,30,.58) 78%);backdrop-filter:blur(1.6px)}.hero-inner{position:relative;z-index:1;width:min(990px,100%);display:grid;justify-items:center;text-align:center}.hero-label,.kicker{margin:0;color:var(--gold);font:800 .78rem/1.2 var(--body);letter-spacing:.21em;text-transform:uppercase}.hero-label:before,.hero-label:after{content:'';display:inline-block;width:38px;height:1px;margin:0 .75rem .25rem;background:var(--gold)}.hero-logo{width:min(540px,80vw);margin:-1.2rem 0 -3.5rem;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45));animation:logoFloat 6s ease-in-out infinite}.hero-summary{max-width:680px;margin:0 0 1.6rem;color:#dae8f3;font-size:1.05rem;font-weight:500;text-shadow:0 2px 16px #000}.join-row{width:min(880px,100%);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.join-button{min-height:74px;padding:.85rem 1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;color:white;text-align:left;background:rgba(9,24,39,.9);border:1px solid rgba(255,255,255,.17);border-radius:12px;backdrop-filter:blur(12px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.join-button:hover,.join-button:focus-visible{transform:translateY(-3px);background:#102942}.join-button.java:hover{border-color:var(--gold)}.join-button.bedrock:hover{border-color:var(--cyan)}.edition-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:var(--night);background:linear-gradient(135deg,var(--gold),var(--gold-2));font:900 1.45rem var(--display)}.bedrock .edition-icon{background:linear-gradient(135deg,var(--cyan),var(--green))}.join-button small{display:block;color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.join-button strong{display:block;margin-top:.08rem;font-size:.93rem}.join-button b{padding:.35rem .55rem;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.68rem;text-transform:uppercase}.live-panel{width:min(720px,100%);margin-top:1rem;padding:.85rem 1.25rem;display:flex;justify-content:center;align-items:center;gap:1.35rem;background:rgba(5,14,24,.78);border:1px solid var(--line);border-radius:11px;backdrop-filter:blur(14px)}.status-item{display:flex;align-items:center;gap:.65rem;text-align:left}.status-item small{display:block;color:#7f96aa;font-size:.61rem;text-transform:uppercase;letter-spacing:.11em}.status-item strong{display:block;font-size:.77rem}.status-rule{width:1px;height:28px;background:var(--line)}.status-dot{width:9px;height:9px;border-radius:50%;background:#73808c;box-shadow:0 0 0 5px rgba(115,128,140,.12)}.status-dot.checking{animation:pulse 1.4s infinite}.status-dot.online{background:var(--green);box-shadow:0 0 0 5px rgba(83,208,138,.13),0 0 15px rgba(83,208,138,.5)}.status-dot.offline{background:var(--red)}.status-symbol{color:var(--gold)}.hero-scroll{position:absolute;z-index:1;bottom:26px;left:50%;display:grid;justify-items:center;gap:.2rem;transform:translateX(-50%);color:#b8c6d2;text-decoration:none;font-size:.65rem;text-transform:uppercase;letter-spacing:.16em}.hero-scroll i{color:var(--gold);font-style:normal;font-size:1rem}
.network-section{padding:110px 0}.section-intro{margin-bottom:3rem;display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end}.section-intro h2,.inner-hero h1,.cta-section h2{margin:.7rem 0 0;font:800 clamp(3rem,6vw,5.7rem)/.9 var(--display);letter-spacing:-.035em;text-transform:uppercase}.section-intro h2 em,.inner-hero h1 em{color:var(--gold);font-style:normal}.section-intro>p{margin:0;color:var(--muted);font-size:1.02rem}.realm-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.realm-panel{min-height:520px;display:grid;grid-template-rows:190px 1fr;overflow:hidden;background:rgba(16,35,57,.93);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.realm-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(255,178,28,.28),transparent 48%),linear-gradient(135deg,#321c20,#111e2e)}.skyblock-panel .realm-art{background:radial-gradient(circle at center,rgba(56,200,237,.25),transparent 48%),linear-gradient(135deg,#0f2938,#13263b)}.realm-mark{position:relative;z-index:2;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.35);font:900 11rem/.8 var(--display);text-shadow:0 0 35px rgba(255,178,28,.25)}.skyblock-panel .realm-mark{text-shadow:0 0 35px rgba(56,200,237,.28)}.realm-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14%,rgba(224,82,63,.23) 14.5% 17%,transparent 17.5% 28%);transform:skewX(-12deg)}.realm-islands{position:absolute;width:270px;height:80px;border-radius:50%;background:rgba(56,200,237,.12);box-shadow:-90px 30px 0 -18px rgba(83,208,138,.15),100px -22px 0 -24px rgba(56,200,237,.17)}.realm-copy{padding:2rem 2.25rem 2.2rem}.realm-type{margin:0 0 .2rem;color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.skyblock-panel .realm-type{color:var(--cyan)}.realm-copy h3{margin:0;font:800 3.6rem/.95 var(--display);text-transform:uppercase}.realm-copy>p:not(.realm-type){color:var(--muted)}.realm-copy ul{padding:0;display:flex;flex-wrap:wrap;gap:.45rem;list-style:none}.realm-copy li{padding:.35rem .55rem;color:#ccd9e3;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:5px;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.realm-copy a{display:inline-flex;gap:.5rem;align-items:center;margin-top:1rem;color:white;text-decoration:none;font-size:.83rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.realm-copy a span{color:var(--gold);transition:transform .2s}.realm-copy a:hover span{transform:translateX(5px)}
.intel-section{padding:105px 0;background:rgba(4,13,23,.74);border-block:1px solid var(--line)}.section-intro.compact{align-items:center}.text-link{justify-self:end;color:var(--gold);font-size:.8rem;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.intel-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem}.intel-card{min-height:315px;padding:1.8rem;display:flex;flex-direction:column;background:rgba(16,35,57,.83);border:1px solid var(--line);border-radius:14px}.intel-card.featured{background:linear-gradient(145deg,rgba(119,57,27,.86),rgba(16,35,57,.94));border-color:rgba(255,178,28,.32)}.intel-tag{align-self:flex-start;padding:.3rem .45rem;border-radius:4px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.intel-tag.live{color:#172113;background:var(--gold)}.intel-tag.update{color:#092633;background:var(--cyan)}.intel-tag.upcoming{color:#16301f;background:var(--green)}.intel-card time{margin-top:1.3rem;color:#73899c;font-size:.61rem;font-weight:700;letter-spacing:.12em}.intel-card h3{margin:.55rem 0 .5rem;font:800 1.75rem/1 var(--display);text-transform:uppercase}.intel-card p{margin:0;color:var(--muted);font-size:.86rem}.cta-section{padding:105px 0;display:flex;align-items:center;justify-content:space-between;gap:3rem}.cta-section h2{font-size:4.8rem}.cta-section p:not(.kicker){margin:.6rem 0 0;color:var(--muted)}.cta-copy{min-width:290px;padding:1rem 1.2rem;display:grid;text-align:left;color:var(--night);background:linear-gradient(135deg,var(--gold),var(--gold-2));border:0;border-radius:10px;cursor:pointer;box-shadow:0 16px 45px rgba(255,116,36,.2)}.cta-copy span{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.cta-copy strong{font-size:1.05rem}
.site-footer{background:#040b13;border-top:1px solid var(--line)}.footer-main{padding-block:2.4rem;display:flex;align-items:center;justify-content:space-between}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:#9db0c1;text-decoration:none;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.footer-links a:hover{color:var(--gold)}.footer-legal{padding-block:1rem;display:flex;justify-content:space-between;color:#64798c;border-top:1px solid rgba(255,255,255,.06);font-size:.68rem}.toast{position:fixed;z-index:300;left:50%;bottom:-80px;transform:translateX(-50%);padding:.72rem 1.1rem;color:var(--night);background:var(--gold);border-radius:8px;font-size:.78rem;font-weight:800;box-shadow:var(--shadow);transition:bottom .25s ease}.toast.show{bottom:24px}
.inner-main{min-height:100vh;padding-top:82px}.inner-hero{padding:100px 0 65px;text-align:center;border-bottom:1px solid var(--line)}.inner-hero .inner-icon{width:70px;height:70px;margin:0 auto 1.3rem;display:grid;place-items:center;color:var(--night);background:linear-gradient(135deg,var(--gold),var(--gold-2));border-radius:16px;font:900 2rem var(--display);box-shadow:0 0 40px rgba(255,178,28,.2)}.inner-hero h1{font-size:clamp(3.5rem,8vw,7rem)}.inner-hero>div>p:last-child{max-width:670px;margin:1rem auto 0;color:var(--muted)}.page-section{padding:75px 0}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.page-card{padding:1.7rem;background:rgba(16,35,57,.89);border:1px solid var(--line);border-radius:14px}.page-card h2,.page-card h3{margin:.5rem 0;font:800 1.8rem/1 var(--display);text-transform:uppercase}.page-card p{color:var(--muted);font-size:.88rem}.page-card .number{color:var(--gold);font:900 2.5rem var(--display)}.action-link,.disabled-link{margin-top:1rem;padding:.65rem .85rem;display:inline-flex;border-radius:7px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.action-link{color:var(--night);background:var(--gold)}.disabled-link{color:#8294a5;background:rgba(255,255,255,.06);border:1px solid var(--line)}.notice-box{margin-bottom:2rem;padding:1rem 1.2rem;color:#d7e4ed;background:rgba(255,178,28,.09);border:1px solid rgba(255,178,28,.25);border-radius:10px;font-size:.86rem}.wiki-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}.wiki-nav{align-self:start;position:sticky;top:105px;padding:1rem;background:rgba(16,35,57,.88);border:1px solid var(--line);border-radius:12px}.wiki-nav strong{display:block;margin:.2rem .5rem .7rem;color:var(--gold);font:.8rem var(--display);letter-spacing:.1em;text-transform:uppercase}.wiki-nav a{padding:.55rem .65rem;display:block;color:var(--muted);border-radius:6px;text-decoration:none;font-size:.8rem;font-weight:600}.wiki-nav a:hover,.wiki-nav a.active{color:white;background:rgba(255,255,255,.06)}.wiki-content{padding:2.3rem;background:rgba(10,27,44,.91);border:1px solid var(--line);border-radius:15px}.wiki-content h2{margin:2.3rem 0 .7rem;font:800 2.2rem var(--display);text-transform:uppercase}.wiki-content h2:first-child{margin-top:0}.wiki-content h3{margin:1.4rem 0 .4rem;font:800 1.35rem var(--display);text-transform:uppercase}.wiki-content p,.wiki-content li{color:#b4c4d1}.wiki-content code{padding:.12rem .35rem;color:#ffe18a;background:#07111e;border-radius:4px}.role-owner{border-top:3px solid var(--gold)}.role-dev{border-top:3px solid var(--cyan)}.role-staff{border-top:3px solid var(--red)}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pulse{50%{opacity:.35}}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(max-width:960px){.site-header{gap:1rem}.nav-play{display:none}.site-nav a{padding-inline:.58rem}.hero{min-height:820px}.section-intro{grid-template-columns:1fr;gap:1rem}.intel-grid{grid-template-columns:1fr 1fr}.intel-card:first-child{grid-column:1/-1}.page-grid{grid-template-columns:1fr 1fr}.wiki-layout{grid-template-columns:1fr}.wiki-nav{position:static}.cta-section{align-items:flex-start;flex-direction:column}.text-link{justify-self:start}}
@media(max-width:730px){.site-header{height:70px}.menu-toggle{display:block}.site-nav{position:absolute;top:70px;left:0;right:0;height:auto;padding:.7rem;display:none;align-items:stretch;flex-direction:column;background:rgba(5,14,24,.98);border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav a{min-height:46px}.join-row,.realm-grid,.intel-grid,.page-grid{grid-template-columns:1fr}.intel-card:first-child{grid-column:auto}.live-panel{gap:.8rem}.status-item:last-child,.status-rule:last-of-type{display:none}.hero{min-height:790px;padding-top:110px}.hero-logo{margin-bottom:-2rem}.section-intro h2{font-size:3.7rem}.inner-main{padding-top:70px}.inner-hero{padding-top:70px}.footer-main,.footer-legal{align-items:flex-start;flex-direction:column;gap:1.2rem}.footer-links{flex-wrap:wrap}.wiki-content{padding:1.4rem}}
@media(max-width:480px){.hero-label:before,.hero-label:after{width:18px}.hero-summary br{display:none}.join-button{grid-template-columns:auto 1fr}.join-button b{display:none}.live-panel{padding:.8rem}.status-rule{display:none}.status-item{flex:1}.network-section,.intel-section,.cta-section{padding-block:75px}.realm-copy{padding:1.6rem}.realm-copy h3{font-size:3rem}.cta-section h2{font-size:3.8rem}.cta-copy{min-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}