.access-page{background:#07110f}.access-hero{min-height:88svh;position:relative;display:flex;align-items:center;padding:135px max(8vw,35px) 90px;overflow:hidden}.access-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,9,.94),rgba(3,10,9,.35)),linear-gradient(0deg,#07110f,transparent 45%),url('assets/alyssar-hero.webp') center/cover;filter:saturate(.8)}.access-hero-content{position:relative;z-index:1;max-width:850px}.access-hero h1{font-size:clamp(62px,8vw,118px);line-height:.88}.access-hero-content>p:not(.eyebrow){max-width:620px;color:#b0bbb2;font:15px/1.85 var(--sans);margin:28px 0}.server-address{max-width:720px;min-height:92px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(203,169,104,.48);background:rgba(6,18,14,.85);box-shadow:0 24px 70px rgba(0,0,0,.3)}.server-address>span{padding:18px 24px;display:flex;flex-direction:column;gap:7px}.server-address small{font:700 7px var(--serif);letter-spacing:.2em;color:#75877c}.server-address strong{font:600 clamp(14px,2vw,21px) var(--serif);color:#eadfc8}.server-address button,.ready-banner button{align-self:stretch;border:0;border-left:1px solid var(--line);padding:0 25px;background:rgba(203,169,104,.08);color:var(--gold-light);cursor:pointer;font:700 9px var(--serif);letter-spacing:.1em;text-transform:uppercase}.server-address button:hover,.ready-banner button:hover{background:var(--gold);color:#07110f}.access-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.access-facts span{padding:9px 12px;border:1px solid var(--line);color:#8fa097;font:600 8px var(--sans);letter-spacing:.08em;text-transform:uppercase}.access-steps,.resourcepacks-section{padding:120px max(7vw,30px)}.access-heading{max-width:1240px;margin:0 auto 65px}.access-heading h2{font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.08}.access-heading>p:last-child{max-width:650px;color:#89978e;line-height:1.8}.step-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.access-step{min-height:340px;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:rgba(10,25,20,.55)}.access-step>b{position:absolute;right:25px;top:17px;color:rgba(203,169,104,.12);font:500 55px var(--serif)}.access-step small{color:var(--gold);font:700 7px var(--sans);letter-spacing:.18em}.access-step h3{margin:24px 0 15px;color:#e6decc;font:500 23px var(--serif)}.access-step p{color:#89968e;font-size:12px;line-height:1.8}.access-step a{display:inline-block;margin-top:18px;color:var(--gold-light);font:700 8px var(--serif);letter-spacing:.12em}.access-step code{color:var(--gold-light)}.resourcepacks-section{background:radial-gradient(circle at 82% 15%,rgba(50,115,138,.18),transparent 31%),#081310;scroll-margin-top:70px}.resourcepack-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.resourcepack-guide{padding:32px;border:1px solid var(--line);background:rgba(7,18,15,.72)}.resourcepack-warning{margin:0 0 28px;padding:17px 18px;display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:center;border-left:2px solid var(--gold);background:rgba(203,169,104,.08)}.resourcepack-warning>span{color:var(--gold);font:600 22px var(--serif)}.resourcepack-warning p{margin:0;color:#a9b3aa;font-size:12px;line-height:1.7}.resourcepack-warning strong{color:#eadfca}.resourcepack-guide ol{list-style:none;padding:0;margin:0}.resourcepack-guide li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}.resourcepack-guide li:last-child{border-bottom:0}.resourcepack-guide li>span{color:var(--gold);font:500 11px var(--serif)}.resourcepack-guide li>div>strong{display:block;color:#e4dccb;font:500 16px var(--serif)}.resourcepack-guide li p{margin:7px 0 0;color:#87958c;font-size:11px;line-height:1.75}.resourcepack-guide li p strong,.resourcepack-guide code{color:var(--gold-light)}.resourcepack-panel{padding:12px;border:1px solid rgba(72,145,169,.42);background:linear-gradient(155deg,#153945,#092018);box-shadow:0 28px 70px rgba(0,0,0,.27)}.pack-panel-title{padding:20px 18px 25px;text-align:center}.pack-panel-title small{display:block;color:#71a7b8;font:700 8px var(--sans);letter-spacing:.2em}.pack-panel-title strong{display:block;margin-top:5px;color:#edf0e9;font:500 27px var(--serif)}.pack-row{min-height:112px;margin-bottom:10px;padding:19px;display:grid;grid-template-columns:34px 1fr auto;gap:16px;align-items:center;border:1px solid rgba(211,224,214,.17);background:rgba(5,15,14,.62);transition:.25s}.pack-row:hover{border-color:var(--gold);transform:translateX(-4px)}.pack-row>b{color:var(--gold);font:500 12px var(--serif)}.pack-row span{display:flex;flex-direction:column;gap:7px}.pack-row strong{color:#f0e8d8;font:500 20px var(--serif)}.pack-row small{color:#96a69d;font:10px var(--sans)}.pack-row i{color:var(--gold-light);font:700 8px var(--sans);font-style:normal;text-transform:uppercase;letter-spacing:.1em}.pack-whimscape{border-color:rgba(71,188,211,.38)}.pack-default{opacity:.62;pointer-events:none}.resourcepack-panel>p{margin:18px 12px 10px;color:#a1b0a7;font-size:11px;line-height:1.75}.resourcepack-panel>p span{color:var(--gold);margin-right:8px}.ready-banner{max-width:1240px;margin:100px auto;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid var(--line);background:linear-gradient(110deg,#10251d,#08130f)}.ready-banner small{color:var(--gold);font:700 7px var(--sans);letter-spacing:.2em}.ready-banner h2{margin:8px 0;color:#e8dfcc;font-size:30px}.ready-banner p{margin:0;color:#85938a;font-size:12px}.ready-banner button{min-height:62px;border:1px solid rgba(203,169,104,.4)}@media(max-width:900px){.step-grid,.resourcepack-layout{grid-template-columns:1fr}.access-step{min-height:260px}.ready-banner{margin:70px 25px}}@media(max-width:600px){.access-hero{padding:120px 22px 70px;align-items:flex-end}.server-address{align-items:stretch;flex-direction:column}.server-address button{min-height:55px;border-left:0;border-top:1px solid var(--line)}.access-steps,.resourcepacks-section{padding:90px 22px}.resourcepack-guide{padding:22px 18px}.pack-row{grid-template-columns:28px 1fr}.pack-row i{grid-column:2}.ready-banner{padding:30px 24px;flex-direction:column;align-items:flex-start}.ready-banner button{width:100%}}
