*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{color:#fff;background:#050607;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.site-background{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;inset:0}.site-background-texture{pointer-events:none;z-index:-1;background-color:#050607;background-image:url(/assets/texture_site-DRu01SD4.avif);background-position:0 0;background-repeat:repeat;background-size:400px 400px;position:absolute;inset:0}.site-background-image-layer{opacity:1;--background-mask-edge:135%;-webkit-mask-image:linear-gradient(to bottom, black 0%, black max(0%, calc(var(--background-mask-edge) - 35%)), #000000eb max(0%, calc(var(--background-mask-edge) - 28%)), #000000bf max(0%, calc(var(--background-mask-edge) - 20%)), #00000080 max(0%, calc(var(--background-mask-edge) - 12%)), #0003 max(0%, calc(var(--background-mask-edge) - 5%)), transparent var(--background-mask-edge));-webkit-mask-image:linear-gradient(to bottom, black 0%, black max(0%, calc(var(--background-mask-edge) - 35%)), #000000eb max(0%, calc(var(--background-mask-edge) - 28%)), #000000bf max(0%, calc(var(--background-mask-edge) - 20%)), #00000080 max(0%, calc(var(--background-mask-edge) - 12%)), #0003 max(0%, calc(var(--background-mask-edge) - 5%)), transparent var(--background-mask-edge));mask-image:linear-gradient(to bottom, black 0%, black max(0%, calc(var(--background-mask-edge) - 35%)), #000000eb max(0%, calc(var(--background-mask-edge) - 28%)), #000000bf max(0%, calc(var(--background-mask-edge) - 20%)), #00000080 max(0%, calc(var(--background-mask-edge) - 12%)), #0003 max(0%, calc(var(--background-mask-edge) - 5%)), transparent var(--background-mask-edge));position:absolute;inset:0;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.site-background-image,.site-background-vignette{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.site-background-image{background-image:url(/assets/gamedev_lab_background-DQIPghnL.avif)}.site-background-vignette{background:radial-gradient(22% 33% at 50% 61%,#05070900 30%,#05070908 55%,#05070912 75%,#05070959 100%)}.language-menu{position:relative}.language-button{cursor:pointer;filter:drop-shadow(0 0 1px #000000f2)drop-shadow(0 0 1px #000000b3);background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.language-button img{width:24px;height:24px;display:block}.language-button:hover{opacity:.6}.language-dropdown{z-index:10;background:#080b0ef5;border:1px solid #ffffff2e;flex-direction:column;min-width:190px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 0 20px #000000a6,0 0 50px #00000059}.language-dropdown button{color:#ffffffb3;letter-spacing:.06em;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;width:100%;padding:9px 10px;font-size:11px;font-weight:400;transition:background .2s,color .2s;display:flex}.language-dropdown button span:first-child{color:#fff6;letter-spacing:.08em;width:34px;font-size:10px;font-weight:500}.language-dropdown button:hover{color:#fff;background:#ffffff12}.language-dropdown button.active{color:#fff;background:#ffffff1a}.language-dropdown button.active span:first-child{color:#ffffffd9}.mobile-menu{display:none}@media (width<=1055px){.mobile-menu{z-index:2;background:#050709eb;flex-direction:column;align-items:flex-start;padding:160px 12px 60px;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu a,.mobile-menu-sign-in{color:#ffffffeb;letter-spacing:.16em;text-align:left;text-shadow:0 0 2px #000000f2,0 0 6px #000c;cursor:pointer;background:0 0;border:0;padding:12px 0;font-size:20px;font-weight:500;text-decoration:none;transition:opacity .2s}.mobile-menu a:hover,.mobile-menu-sign-in:hover{opacity:.6}.mobile-menu-sign-in{margin-top:28px}}.login-overlay{z-index:200;background:#030507c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-modal{background:#080b0ef5;border:1px solid #ffffff2e;width:min(420px,100%);padding:44px 40px 40px;position:relative;box-shadow:0 0 30px #000000b3,0 0 80px #00000073}.login-modal h2{color:#fff;letter-spacing:.18em;text-shadow:0 0 3px #000000f2,0 0 8px #000c;margin:0 0 34px;font-size:22px;font-weight:400}.login-close{color:#ffffffbf;cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:26px;font-weight:300;line-height:1;transition:opacity .2s;position:absolute;top:14px;right:16px}.login-close:hover{opacity:.55}.login-modal form{flex-direction:column;gap:22px;display:flex}.login-modal label{color:#ffffffa6;letter-spacing:.16em;flex-direction:column;gap:8px;font-size:10px;font-weight:500;display:flex}.login-modal input{color:#fff;letter-spacing:.02em;background:#ffffff0a;border:1px solid #fff3;border-radius:2px;outline:none;width:100%;height:42px;padding:0 12px;font-size:13px;transition:border-color .2s,background .2s}.login-modal input::placeholder{color:#ffffff4d}.login-modal input:focus{background:#ffffff12;border-color:#ffffff80}.login-submit{color:#fff;letter-spacing:.16em;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:2px;height:42px;margin-top:8px;font-size:11px;font-weight:500;transition:background .2s,border-color .2s}.login-submit:hover{background:#ffffff14;border-color:#ffffffb3}.login-message{color:#ff1e1e99;letter-spacing:.1em;text-align:center;margin-top:5px;font-size:14px;font-weight:400;line-height:1.5}.login-links{justify-content:center;gap:24px;margin-top:14px;display:flex}.login-links button{color:#ffffff8c;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:400;transition:color .2s}.login-links button:hover{color:#ffffffe6}.site-header{z-index:100;align-items:flex-start;width:100%;height:90px;padding:20px 24px;transition:transform .32s;display:flex;position:fixed;top:0;left:0;right:0}.header-brand{flex-direction:column;align-items:flex-start;display:flex}.header-actions{align-items:center;gap:24px;margin-left:auto;margin-right:24px;display:flex}.brand-logo{filter:drop-shadow(0 0 1px #000000f2)drop-shadow(0 0 2px #000000b3);width:220px;height:auto;display:block}.brand-subtitle{letter-spacing:.32em;color:#ffffffd9;text-shadow:0 0 2px #000000f2,0 0 5px #000000bf;margin-top:7px;font-size:10px;font-weight:400;line-height:1}.main-nav{z-index:1;align-items:center;gap:46px;margin-top:16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.main-nav a{color:#ffffffe6;letter-spacing:.16em;text-shadow:0 0 2px #000000f2,0 0 5px #000000bf;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}.main-nav a:hover{opacity:.6}.menu-button{cursor:pointer;background:0 0;border:0;flex-shrink:0;width:30px;height:30px;padding:0;display:none}.menu-button img{filter:drop-shadow(0 0 1px #000000f2)drop-shadow(0 0 1px #000000b3);width:24px;height:24px;display:block}.sign-in-button{color:#fff;letter-spacing:.16em;text-shadow:0 0 1px #000000f2,0 0 3px #000000d9;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:2px;padding:9px 18px;font-size:11px;font-weight:500;transition:background .2s,border-color .2s;box-shadow:0 0 2px #000000f2,0 0 3px #000000a6}.sign-in-button:hover{background:#ffffff14;border-color:#ffffffbf}.site-header-backdrop{opacity:0;pointer-events:none;z-index:0;background:linear-gradient(#05060754 0% 75%,#05060729 85%,#05060700 100%);width:100%;height:90px;transition:opacity .32s;position:absolute;top:0;left:0}.site-header>:not(.site-header-backdrop):not(.main-nav){z-index:1;position:relative}.site-header.is-scrolled .site-header-backdrop{opacity:1}.site-header.is-hidden{transform:translateY(-100%)}.site-footer{color:#ffffff73;letter-spacing:.14em;text-transform:uppercase;z-index:10;background:#08090a;border-top:1px solid #ffffff47;justify-content:space-between;align-items:center;width:100%;height:70px;min-height:70px;margin:0;padding:0 40px;font-size:10px;line-height:1;display:flex;position:relative}.site-footer-copyright{flex-shrink:0}.site-footer-legal{align-items:center;gap:28px;margin-left:auto;display:flex}.site-footer a{color:#ffffff73;cursor:pointer;text-decoration:none;transition:color .18s}.site-footer a:hover{color:#ffffffe6}#root{min-height:100vh}.app{background:#050607;min-height:100vh;position:relative}.site-texture{-webkit-mask-mode:luminance;pointer-events:none;z-index:0;background-color:#18242a;position:absolute;inset:0;-webkit-mask-image:url(/assets/texture_site-DRu01SD4.avif);mask-image:url(/assets/texture_site-DRu01SD4.avif);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:400px 400px;mask-size:400px 400px;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.site{z-index:2;background:0 0;min-height:100vh;position:relative}.hero{z-index:1;justify-content:center;align-items:center;width:100%;height:100vh;min-height:600px;padding:120px 40px 80px;display:flex;position:relative;transform:translateY(-22vh)}.hero h1{text-align:center;letter-spacing:.06em;text-shadow:0 0 3px #000000f2,0 0 8px #000c;max-width:900px;margin:0;font-size:clamp(32px,4vw,64px);font-weight:400;line-height:1.1}.page-content{z-index:1;background:0 0;min-height:200vh;position:relative}@media (width<=1055px){.site-header{padding-left:12px;padding-right:12px}.header-actions{margin-right:12px}.brand-logo{width:190px}.brand-subtitle{letter-spacing:.4em;font-size:8px}.main-nav{display:none}.menu-button{justify-content:center;align-items:center;display:flex}.sign-in-button{display:none}}
