:root{--bg-main:#010814;--bg-deep:#020c18;--bg-card:#031021e0;--bg-card-strong:#020e1ef0;--bg-footer:#020a14f5;--text-main:#f4f7fb;--text-soft:#c8d4e3;--text-muted:#92a3b8;--line-soft:#4a60806b;--line-accent:#0ea5ff8c;--accent:#12a8ff;--accent-strong:#0993ff;--accent-bright:#35b6ff;--radius-pill:999px;--radius-xl:28px;--radius-lg:22px;--radius-md:14px;--shadow-soft:0 16px 38px #0000003d;--shadow-accent:0 12px 28px #0a93ff4d}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text-main);background:radial-gradient(circle at 50% 14%,#1371d638,#0000 18%),radial-gradient(circle at 18% 30%,#0050aa1a,#0000 24%),radial-gradient(circle at 82% 30%,#0050aa1a,#0000 24%),linear-gradient(#010711 0%,#03101d 42%,#020812 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-wrapper{min-height:100vh;overflow:hidden}.container{width:min(1220px,100% - 48px);margin:0 auto}.site-header{z-index:1000;width:100%;padding-top:18px;transition:padding-top .22s;position:fixed;top:0;left:0}.site-header.is-scrolled{padding-top:10px}.header-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020a14e0;border:1px solid #0ea5ff6b;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:14px 22px;transition:min-height .22s,padding .22s,background .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:inset 0 0 0 1px #ffffff05,0 0 0 1px #03274838,0 10px 30px #0000002e}.site-header.is-scrolled .header-pill{background:#020a14f5;border-color:#0ea5ff99;min-height:72px;padding:10px 18px;box-shadow:inset 0 0 0 1px #ffffff05,0 0 0 1px #03274838,0 14px 34px #0000003d,0 0 22px #0ea5ff1f,0 0 48px #0ea5ff14}.brand{flex-shrink:0;align-items:center;gap:14px;display:inline-flex}.brand-logo{object-fit:contain;flex-shrink:0;width:52px;height:52px;transition:width .22s,height .22s;display:block}.site-header.is-scrolled .brand-logo{width:44px;height:44px}.brand-logo-footer{width:48px;height:48px}.brand-name{letter-spacing:-.04em;font-size:2.05rem;font-weight:800;line-height:1;transition:font-size .22s}.site-header.is-scrolled .brand-name{font-size:1.8rem}.brand-name-white{color:#fff}.brand-name-blue{color:var(--accent)}.main-nav{flex:1;justify-content:center;align-items:center;gap:34px;display:flex}.main-nav a{color:#ffffffeb;font-size:1rem;font-weight:600;transition:color .2s,opacity .2s,font-size .22s}.site-header.is-scrolled .main-nav a{font-size:.95rem}.main-nav a:hover,.main-nav a.is-active{color:var(--accent)}.header-actions{align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:1rem;font-weight:700;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s,min-height .22s,padding .22s,font-size .22s;display:inline-flex}.site-header.is-scrolled .btn{min-height:40px;padding:0 18px;font-size:.94rem}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;box-shadow:var(--shadow-accent);background:linear-gradient(#2cb3ff 0%,#139dff 100%);border:1px solid #61c2ffc7}.btn-primary:hover{box-shadow:0 14px 30px #0a93ff57}.btn-outline{color:#fff;background:#0ea5ff0a;border:1px solid #0ea5ff94}.btn-outline:hover{background:#0ea5ff1a;border-color:#0ea5ffd1}.btn-large{min-height:54px;padding:0 28px;font-size:1.05rem}.landing-visual-area{position:relative;overflow:hidden}.landing-visual-bg,.landing-visual-vignette,.landing-visual-glow{pointer-events:none;position:absolute;inset:0}.landing-visual-bg{z-index:0;background:linear-gradient(#0108122e,#01081285 42%,#010812e0 100%),url(/assets/images/hero-bg.webp) top/cover no-repeat}.landing-visual-vignette{z-index:1;background:linear-gradient(90deg,#010712b3,#0107121a 18% 82%,#010712b3),linear-gradient(#0107120a,#0107122e 32%,#010712c7 78%,#010712f0 100%)}.landing-visual-glow{z-index:2;background:radial-gradient(circle at 50% 26%,#197cff29,#0000 18%)}.hero-section{z-index:3;min-height:700px;margin-top:0;padding:230px 0 110px;position:relative}.hero-container{z-index:3;position:relative}.hero-copy{text-align:center;max-width:980px;margin:0 auto}.hero-copy h1{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(3.4rem,6vw,5.9rem);font-weight:900;line-height:1.05}.hero-copy h1 span{color:var(--accent)}.hero-subtitle{color:var(--text-soft);margin:0 0 20px;font-size:clamp(1.45rem,2vw,2.15rem);font-weight:500}.hero-description{color:#dde6f0;max-width:860px;margin:0 auto 34px;font-size:clamp(1.08rem,1.35vw,1.45rem);line-height:1.65}.hero-button{min-width:290px}.projects-section{z-index:3;background:0 0;margin-top:-18px;padding:0 0 74px;position:relative}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{margin:0;font-size:clamp(2.15rem,3vw,3.1rem);font-weight:800;line-height:1.1}.section-heading h2 span{color:var(--accent)}.section-underline{background:linear-gradient(90deg,#0893ff,#2db7ff);border-radius:999px;width:70px;height:4px;margin:14px auto 0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.project-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020d1cb8;border:1px solid #4f66846b;align-items:flex-start;gap:18px;min-height:228px;padding:28px 24px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;box-shadow:inset 0 0 0 1px #ffffff04,0 12px 28px #0000001a}.project-card:hover{box-shadow:var(--shadow-soft);background:#031021db;border-color:#0ea5ff7a;transform:translateY(-3px)}.project-icon-box{background:#0ea5ff0a;border:1px solid #0ea5ff80;border-radius:18px;flex:0 0 78px;justify-content:center;align-items:center;width:78px;height:78px;display:inline-flex}.project-icon{font-size:2rem;line-height:1}.project-content h3{margin:0 0 10px;font-size:1.95rem;font-weight:800;line-height:1.1}.project-highlight{color:var(--accent);margin:0 0 12px;font-size:1.1rem;font-weight:700}.project-text{color:var(--text-soft);margin:0 0 20px;font-size:1.02rem;line-height:1.7}.project-button{min-width:130px;min-height:42px;padding:0 18px}.site-footer{background:var(--bg-footer);border-top:1px solid #0ea5ff33;padding:34px 0 42px}.footer-grid{grid-template-columns:1.5fr .9fr .9fr .9fr;align-items:start;gap:34px;display:grid}.footer-brand{margin-bottom:16px}.footer-text{color:var(--text-muted);margin:0 0 14px;font-size:1rem;line-height:1.75}.footer-copy{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.75}.footer-column{flex-direction:column;gap:10px;display:flex}.footer-column h4{color:#fff;margin:0 0 8px;font-size:1.2rem;font-weight:700}.footer-column a{color:var(--text-muted);transition:color .2s}.footer-column a:hover{color:var(--accent)}.social-links{gap:12px;margin-top:2px;display:flex}.social-link{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:800;display:inline-flex;box-shadow:0 10px 18px #00000029}.social-link-twitch{background:#6a38d1}.social-link-discord{background:#4b5a83}.social-link-x{background:#2f9fff}.placeholder-page{align-items:center;min-height:100vh;padding:48px 0;display:flex}.placeholder-card{text-align:center;border-radius:var(--radius-xl);border:1px solid var(--line-soft);background:var(--bg-card);max-width:760px;box-shadow:var(--shadow-soft);margin:0 auto;padding:42px}.placeholder-card h1{margin:0 0 18px;font-size:clamp(2.3rem,4vw,3.6rem);font-weight:800;line-height:1.1}.placeholder-card p{color:var(--text-soft);margin:0 0 28px;font-size:1.06rem;line-height:1.8}@media (width<=1180px){.header-pill{border-radius:28px;flex-wrap:wrap;justify-content:center}.main-nav{flex-wrap:wrap;order:3;gap:22px;width:100%}.project-grid,.footer-grid{grid-template-columns:1fr}}@media (width<=820px){.container{width:min(1220px,100% - 28px)}.site-header{padding-top:14px}.header-pill{min-height:auto;padding:16px}.brand-name{font-size:1.7rem}.header-actions{flex-wrap:wrap;justify-content:center;width:100%}.hero-section{min-height:620px;padding:180px 0 95px}.projects-section{margin-top:0;padding-bottom:64px}.project-card{flex-direction:column;min-height:auto}.project-icon-box{flex-basis:74px;width:74px;height:74px}.placeholder-card{padding:30px 22px}}@media (width<=560px){.main-nav{gap:16px}.main-nav a{font-size:.95rem}.btn,.btn-large,.hero-button{width:100%;min-width:0}.project-content h3{font-size:1.6rem}.social-links{flex-wrap:wrap}}.legal-site-wrapper{background:radial-gradient(circle at 50% 8%,#12a8ff2e,#0000 22rem),linear-gradient(#010711 0%,#020c18 52%,#010814 100%)}.legal-main{min-height:100vh;padding:170px 0 76px}.legal-hero{position:relative}.legal-card{border-radius:var(--radius-xl);width:min(920px,100%);box-shadow:var(--shadow-soft);background:#020d1cd1;border:1px solid #0ea5ff4d;padding:44px}.legal-eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px;font-size:.86rem;font-weight:800}.legal-card h1{letter-spacing:-.06em;margin:0 0 16px;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:900;line-height:1}.legal-intro{color:var(--text-soft);margin:0 0 34px;font-size:1.08rem;line-height:1.7}.legal-content{gap:22px;display:grid}.legal-section{border-radius:var(--radius-lg);background:#031021b3;border:1px solid #4f668457;padding:22px}.legal-section h2{color:#fff;margin:0 0 12px;font-size:1.35rem}.legal-section p{color:var(--text-soft);margin:0;line-height:1.75}.legal-section a{color:var(--accent);font-weight:700}.legal-section a:hover{color:var(--accent-bright)}@media (width<=760px){.legal-main{padding-top:140px}.legal-card{padding:28px}}.contact-card{max-width:980px}.contact-form{gap:20px;display:grid}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.contact-field{gap:8px;display:grid}.contact-field label{color:#fff;font-size:.95rem;font-weight:800}.contact-field input,.contact-field textarea{color:#eef5ff;width:100%;font:inherit;background:#031021d1;border:1px solid #4f66848a;border-radius:18px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.contact-field textarea{resize:vertical;min-height:180px}.contact-field input:focus,.contact-field textarea:focus{background:#05162ceb;border-color:#12a8ffc7;box-shadow:0 0 0 4px #12a8ff24}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#b4c9e285}.contact-honeypot{opacity:0;pointer-events:none;position:absolute;left:-9999px}.contact-alert{border-radius:18px;margin-bottom:22px;padding:16px 18px;line-height:1.6}.contact-alert-success{color:#dcfce7;background:#22c55e1f;border:1px solid #22c55e6b}.contact-alert-error{color:#ffe4e6;background:#fb71851f;border:1px solid #fb71856b}.contact-alert ul{margin:8px 0 0;padding-left:20px}.contact-privacy-note{color:var(--text-soft);font-size:.95rem;line-height:1.7}.contact-privacy-note a{color:var(--accent);font-weight:800}.contact-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=760px){.contact-grid{grid-template-columns:1fr}}