:root{font-synthesis:none;text-rendering:optimizelegibility}html,body,#root{width:100%;min-height:100%}:root{--background:#050505;--background-light:#0b0b0b;--surface:#101010;--red:#ff001e;--red-dark:#ba0016;--white:#f3f3f3;--grey:#8a8a8a;--border:#222}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page{height:100vh;overflow:hidden}.navbar{z-index:20;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding:28px 5vw;display:flex;position:absolute}.brand{letter-spacing:.18em;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.brand-icon{object-fit:cover;border-radius:7px;width:36px;height:36px}.navbar nav{gap:38px;display:flex}.navbar nav a{color:#999;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700;transition:color .15s;position:relative}.navbar nav a:after{content:"";background:var(--red);width:0;height:2px;transition:width .15s;position:absolute;bottom:-8px;left:0}.navbar nav a:hover{color:#fff}.navbar nav a:hover:after{width:100%}.hero{background:linear-gradient(115deg, #ff001e06, transparent 45%), var(--background);align-items:center;min-height:100vh;padding:150px 8vw 100px;display:flex;position:relative}.hero:after{content:"";opacity:.12;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.hero-glow{filter:blur(160px);background:#ff001e14;border-radius:50%;width:900px;height:900px;position:absolute;top:0;right:-350px}.hero-lines{background:linear-gradient(90deg, transparent, var(--red), transparent);opacity:.25;height:1px;position:absolute;transform:rotate(-28deg)}.hero-lines-one{width:650px;top:38%;right:-150px}.hero-lines-two{width:400px;top:60%;right:100px}.hero-content{z-index:5;width:min(1100px,90%);position:relative}.guild-label{color:#8d8d8d;letter-spacing:.3em;align-items:center;gap:14px;margin-bottom:32px;font-size:11px;font-weight:800;display:flex}.red-line{background:var(--red);width:40px;height:2px;display:inline-block}.hero-logo{object-fit:contain;object-position:left center;mix-blend-mode:screen;width:min(100%,1050px);max-height:400px;display:block}.hero-description{color:#929292;margin:30px 0 0;font-size:clamp(18px,1.6vw,23px);font-weight:400;line-height:1.5}.loading-status{width:min(460px,100%);margin-top:32px}.loading-status-header{color:#777;letter-spacing:.18em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.loading-status-number{color:var(--red);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}.loading-status-number:hover,.loading-status-number:focus-visible{color:#fff}.loading-status-track{background:#242424;border:1px solid #343434;height:7px;overflow:hidden}.loading-status-fill{background:var(--red);width:67%;height:100%}.hero-actions{gap:14px;margin-top:46px;display:flex}.button{letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;gap:30px;min-width:170px;padding:16px 22px;font-size:12px;font-weight:800;transition:background .16s,border .16s,transform .16s;display:inline-flex}.button-primary{background:var(--red);border:1px solid var(--red)}.button-primary:hover{background:#ff243d;transform:translateY(-2px)}.button-disabled{cursor:not-allowed;opacity:.5}.button-disabled:hover{background:var(--red);transform:none}.button-secondary{color:#bbb;border:1px solid #333}.button-secondary:hover{color:#fff;border-color:#666;transform:translateY(-2px)}.scroll-indicator{color:#555;letter-spacing:.25em;transform-origin:100%;align-items:center;gap:16px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:40px;right:5vw;transform:rotate(90deg)}.scroll-line{background:#444;width:60px;height:1px}.content-section{border-top:1px solid var(--border);background:#080808;grid-template-columns:80px minmax(300px,1fr) minmax(300px,500px);align-items:center;gap:70px;min-height:750px;padding:120px 8vw;display:grid;position:relative}.dark-section{background:#030303}.section-number{color:#3e3e3e;letter-spacing:.2em;align-self:start;padding-top:12px;font-size:12px;font-weight:800}.section-kicker{color:var(--red);letter-spacing:.28em;font-size:11px;font-weight:800}.section-content h2{color:#fff;letter-spacing:-.055em;margin:18px 0 30px;font-size:clamp(54px,7vw,105px);line-height:.86}.section-content h2 span{color:var(--red)}.section-content p{color:#777;max-width:540px;font-size:17px;line-height:1.7}.text-link{color:#fff;letter-spacing:.15em;align-items:center;gap:30px;margin-top:30px;font-size:11px;font-weight:800;display:inline-flex}.text-link span{color:var(--red);font-size:20px}.event-card{background:linear-gradient(145deg,#ff001e1f,#0000 45%),#0c0c0c;border:1px solid #222;flex-direction:column;justify-content:space-between;min-height:480px;padding:28px;display:flex;position:relative;overflow:hidden}.event-card:after{content:"";background:var(--red);opacity:.07;width:300px;height:700px;position:absolute;top:-100px;right:-180px;transform:rotate(25deg)}.event-card-top{color:#666;letter-spacing:.15em;justify-content:space-between;font-size:11px;font-weight:800;display:flex}.event-card-center{z-index:2;flex-direction:column;display:flex;position:relative}.event-card-center .small{color:var(--red);letter-spacing:.2em;margin-bottom:12px;font-size:10px;font-weight:800}.event-card-center strong{letter-spacing:-.05em;font-size:clamp(42px,4vw,70px);line-height:.86}.event-card-bottom{color:#555;letter-spacing:.18em;font-size:9px;font-weight:800}footer{color:#666;letter-spacing:.18em;border-top:1px solid #1c1c1c;align-items:center;gap:16px;min-height:150px;padding:0 8vw;font-size:10px;font-weight:800;display:flex}footer img{border-radius:6px;width:32px;height:32px}.footer-copy{margin-left:auto}@media (width<=800px){.navbar{padding:20px 22px}.brand span{display:none}.navbar nav{gap:18px}.navbar nav a{font-size:10px}.navbar nav a:nth-child(3),.navbar nav a:nth-child(4){display:none}.hero{padding:130px 24px 80px}.hero-logo{width:100%}.hero-actions{flex-direction:column;align-items:flex-start}.button{width:100%}.scroll-indicator{display:none}.content-section{grid-template-columns:1fr;gap:30px;padding:90px 24px}.section-number{display:none}.event-card{min-height:350px}}
