.MDXContent-module__5zJn5q__mdxContent{width:100%}.MDXContent-module__5zJn5q__imageWrapper{width:100%;margin:48px 0}.MDXContent-module__5zJn5q__image{object-fit:cover;border-radius:8px;width:100%;height:auto}.MDXContent-module__5zJn5q__videoWrapper{width:100%;margin:48px 0}.MDXContent-module__5zJn5q__video{border-radius:8px;width:100%}.MDXContent-module__5zJn5q__codeBlock{color:#f4f4f5;background:#111;border-radius:8px;margin:32px 0;padding:24px;font-family:monospace;overflow-x:auto}.MDXContent-module__5zJn5q__h1{color:#fff;margin-top:48px;margin-bottom:24px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.MDXContent-module__5zJn5q__h2{color:#fff;margin-top:40px;margin-bottom:16px;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2}.MDXContent-module__5zJn5q__h3{color:#fff;margin-top:32px;margin-bottom:16px;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.2}.MDXContent-module__5zJn5q__p{color:#d4d4d8;margin-bottom:24px}.MDXContent-module__5zJn5q__ul,.MDXContent-module__5zJn5q__ol{color:#d4d4d8;margin-bottom:24px;padding-left:24px}.MDXContent-module__5zJn5q__ul{list-style-type:disc}.MDXContent-module__5zJn5q__ol{list-style-type:decimal}.MDXContent-module__5zJn5q__li{margin-bottom:8px}.MDXContent-module__5zJn5q__blockquote{color:#a1a1aa;border-left:4px solid #71717a;margin:32px 0;padding-top:8px;padding-bottom:8px;padding-left:24px;font-style:italic}
.page-module__sNPUaG__article{color:#fff;background:#000;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.page-module__sNPUaG__canvasWrapper{z-index:0;pointer-events:none;position:fixed;inset:0}.page-module__sNPUaG__nav{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:30px 4vw;display:flex;position:fixed;top:0;left:0}.page-module__sNPUaG__logo{transition:transform .3s;display:block}.page-module__sNPUaG__logo:hover{transform:scale(1.1)}.page-module__sNPUaG__backLink{text-transform:uppercase;letter-spacing:.2em;color:#fff;font-size:11px;font-weight:600;text-decoration:none;position:relative}.page-module__sNPUaG__backLink:after{content:"";transform-origin:100%;background:#fff;width:100%;height:1px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.page-module__sNPUaG__backLink:hover:after{transform-origin:0;transform:scaleX(1)}.page-module__sNPUaG__projectInfoSection{z-index:10;padding:200px 4vw 100px;position:relative}.page-module__sNPUaG__infoGrid{grid-template-columns:1.5fr 1fr;align-items:flex-start;gap:120px;max-width:1400px;margin:0 auto;display:grid}.page-module__sNPUaG__titleGroup{flex-direction:column;display:flex}.page-module__sNPUaG__categoryLabel{color:var(--project-accent);letter-spacing:.25em;text-transform:uppercase;margin-bottom:24px;font-size:13px;font-weight:600;display:block}.page-module__sNPUaG__title{color:#fff;letter-spacing:-.05em;margin-bottom:40px;margin-left:-.05em;line-height:.85}.page-module__sNPUaG__description{color:#a3a3a3;max-width:600px;margin-bottom:60px;font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.6}.page-module__sNPUaG__techStackWrapper{margin-top:20px}.page-module__sNPUaG__techStack{flex-wrap:wrap;gap:12px;display:flex}.page-module__sNPUaG__techPill{text-transform:uppercase;letter-spacing:.12em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#888;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;padding:6px 16px;font-size:10px;transition:all .4s}.page-module__sNPUaG__techPill:hover{border-color:var(--project-accent);color:#fff;background:#ffffff0f}.page-module__sNPUaG__sidebar{flex-direction:column;gap:60px;display:flex}.page-module__sNPUaG__ctaGroup{width:100%}.page-module__sNPUaG__liveButton{background:var(--project-accent);color:#fff;text-align:center;width:100%;font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--project-accent);box-shadow:0 10px 30px -10px rgba(var(--project-accent-rgb),.3);padding:24px;font-size:13px;font-weight:700;transition:all .5s cubic-bezier(.16,1,.3,1);display:block}.page-module__sNPUaG__liveButton:hover{color:var(--project-accent);box-shadow:0 20px 40px -15px rgba(var(--project-accent-rgb),.5);background:0 0}.page-module__sNPUaG__metadata{border-top:1px solid #ffffff14;flex-direction:column;gap:32px;padding-top:40px;display:flex}.page-module__sNPUaG__metaItem{justify-content:space-between;align-items:center;display:flex}.page-module__sNPUaG__metaLabel{text-transform:uppercase;letter-spacing:.15em;color:#555;font-size:11px}.page-module__sNPUaG__metaValue{color:#eee;font-size:14px}.page-module__sNPUaG__featuredImageSection{z-index:10;padding:80px 4vw;position:relative}.page-module__sNPUaG__featuredImageWrapper{border:1px solid #ffffff1a;border-radius:12px;max-width:1400px;margin:0 auto;overflow:hidden;box-shadow:0 40px 100px -20px #00000080}.page-module__sNPUaG__featuredImage{width:100%;height:auto;transition:transform 1.5s cubic-bezier(.16,1,.3,1);display:block}.page-module__sNPUaG__featuredImageSection:hover .page-module__sNPUaG__featuredImage{transform:scale(1.03)}.page-module__sNPUaG__mainContent{z-index:10;padding:100px 0 160px;position:relative}.page-module__sNPUaG__contentWrapper{max-width:800px;margin:0 auto;padding:0 24px}.page-module__sNPUaG__embedSection{max-width:1200px;margin-top:120px;margin-left:auto;margin-right:auto;padding:0 24px}.page-module__sNPUaG__browserFrame{background:#111;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 50px 100px -30px #000000b3}.page-module__sNPUaG__browserHeader{background:#1a1a1a;border-bottom:1px solid #ffffff0d;align-items:center;gap:24px;height:44px;padding:0 20px;display:flex}.page-module__sNPUaG__browserDots{gap:8px;display:flex}.page-module__sNPUaG__dot{background:#ffffff1a;border-radius:50%;width:10px;height:10px}.page-module__sNPUaG__dot:first-child{background:#ff5f56}.page-module__sNPUaG__dot:nth-child(2),.page-module__sNPUaG__dot:nth-child(3){background:#ffbd2e}.page-module__sNPUaG__browserAddress{height:24px;font-family:var(--font-ui);color:#666;background:#000;border-radius:4px;flex-grow:1;align-items:center;max-width:600px;padding:0 12px;font-size:10px;display:flex}.page-module__sNPUaG__iframe{background:#000;border:none;width:100%;height:70vh}.page-module__sNPUaG__footer{z-index:10;text-align:center;padding:160px 4vw 100px;position:relative}.page-module__sNPUaG__footerContent{flex-direction:column;align-items:center;gap:60px;max-width:1400px;margin:0 auto;display:flex}.page-module__sNPUaG__footerBackLink{color:#fff;letter-spacing:-.02em;font-size:clamp(2rem,5vw,6rem);font-style:italic;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1)}.page-module__sNPUaG__footerBackLink:hover{color:var(--project-accent);transform:translateY(-10px)}.page-module__sNPUaG__date{opacity:.3;letter-spacing:.15em;text-transform:uppercase;font-size:11px}@media (max-width:1024px){.page-module__sNPUaG__infoGrid{grid-template-columns:1fr;gap:60px}.page-module__sNPUaG__sidebar{gap:40px}}@media (max-width:768px){.page-module__sNPUaG__projectInfoSection{padding:160px 6vw 60px}.page-module__sNPUaG__title{margin-bottom:24px}.page-module__sNPUaG__description{margin-bottom:40px}.page-module__sNPUaG__footer{padding:100px 6vw 80px}}