:root{--bg: #000000;--bg-2: #000000;--surface: #0b0b0b;--text: #ececec;--muted: #777777;--primary: #ff2934;--primary-600: #e0222c;--success: #51f90e;--ring: rgba(255, 41, 52, .4);--transition: .3s ease;--scrollbar-width: 8px}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h);-webkit-overflow-scrolling:touch}body{scroll-snap-type:y proximity}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);transition:background var(--transition),color var(--transition)}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px;transition:background var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--text)}@media (prefers-reduced-motion: reduce){.orb,.orb-green,.orb-red,.orb-ring,.waves{animation:none!important}.hero h1,.hero p,.reveal{opacity:1!important;transform:none!important}}:root{--mx: 50vw;--my: 50vh;--nav-h: 64px;--footer-h: 84px}.container{max-width:1200px;padding:0 16px;margin:0 auto}.app-shell{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.waves{position:absolute;inset:0 0 auto 0;height:240px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1200'%20height='160'%20viewBox='0%200%201200%20160'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23ffffff'%20stop-opacity='0.10'%20/%3e%3cstop%20offset='1'%20stop-color='%23ffffff'%20stop-opacity='0.02'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M0,80%20C120,50%20240,110%20360,80%20C480,50%20600,110%20720,80%20C840,50%20960,110%201080,80%20C1140,65%201200,70%201200,70%20L1200,160%20L0,160%20Z'%20fill='url(%23g)'/%3e%3c/svg%3e") repeat-x top center;opacity:.08;animation:wave-x 20s linear infinite;will-change:background-position}.orb{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(40px);mix-blend-mode:screen;opacity:.15;will-change:opacity}.orb-green{background:radial-gradient(circle at 30% 30%,rgba(81,249,14,.45),rgba(81,249,14,.15) 60%,transparent 70%);top:10%;left:-10%;animation:drift1 32s ease-in-out infinite,pulse 14s ease-in-out infinite}.orb-red{background:radial-gradient(circle at 70% 70%,rgba(255,41,52,.35),rgba(255,41,52,.12) 60%,transparent 70%);bottom:-10%;right:-12%;animation:drift2 36s ease-in-out infinite,pulseRev 18s ease-in-out infinite}.orb-ring{position:absolute;top:20%;left:35%;width:640px;height:640px;border-radius:50%;filter:blur(40px);opacity:.12;background:conic-gradient(from 0deg,rgba(81,249,14,.15),transparent 25%,rgba(255,41,52,.12),transparent 50%,rgba(81,249,14,.15),transparent 75%,rgba(255,41,52,.12));mix-blend-mode:screen;animation:spin 40s linear infinite,pulse 16s ease-in-out infinite;will-change:opacity}.character{position:fixed;pointer-events:none;opacity:0;filter:blur(1px);mix-blend-mode:screen;width:28vw;height:auto;transition:opacity .8s ease-in-out;will-change:opacity}.character.visible{opacity:.1}.character.char1{bottom:5%;left:5%;z-index:1}.character.char2{bottom:0%;right:8%;z-index:2}.character.char3{bottom:0%;left:0%;z-index:1}.character.char4{bottom:5%;right:5%;z-index:3}@keyframes wave-x{0%{background-position-x:0}to{background-position-x:1200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes drift1{0%{transform:translate(0) scale(1)}25%{transform:translate(10vw,3vh) scale(1.02)}50%{transform:translate(5vw,10vh) scale(.98)}75%{transform:translate(-5vw,5vh) scale(1.02)}to{transform:translate(0) scale(1)}}@keyframes drift2{0%{transform:translate(0) scale(1)}25%{transform:translate(-5vw,-4vh) scale(1.02)}50%{transform:translate(-10vw) scale(.98)}75%{transform:translate(-4vw,4vh) scale(1.01)}to{transform:translate(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.22}50%{opacity:.3}}@keyframes pulseRev{0%,to{opacity:.26}50%{opacity:.18}}.navbar{position:sticky;top:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);transition:background var(--transition)}.nav-links a{transition:color var(--transition),border-color var(--transition)}.nav-links a:hover{color:var(--text)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.3px}.nav-links a{color:var(--muted);text-decoration:none;margin-left:20px;padding:8px 4px;border-bottom:2px solid transparent}.nav-links a.active{color:var(--text);border-bottom-color:var(--primary)}.hero{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;text-align:center;row-gap:36px;padding:120px 0 160px;min-height:calc(100vh - 80px);scroll-snap-align:start}.hero-content{display:grid;gap:28px;max-width:940px;margin:0 auto}.hero h1{font-size:72px;margin:0 0 8px;opacity:0;animation:fadeInUp 1s ease forwards}.hero p{opacity:0;animation:fadeInUp 1.2s ease forwards}.hero p{margin:0 0 8px;color:var(--muted);font-size:18px}.hero-title{line-height:1.08;letter-spacing:.2px}.hero-features{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.feature{padding:10px 12px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text);font-size:14px}.cta{display:inline-block;background:var(--primary);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600}.cta:hover{background:var(--primary-600)}.cta.outline{background:transparent;border:1px solid rgba(255,255,255,.12)}.cta.outline:hover{border-color:var(--primary);color:var(--text)}.cta.full{width:100%;text-align:center}.section{padding:120px 0;min-height:calc(100vh - var(--nav-h) - var(--footer-h));display:grid;align-content:center;scroll-snap-align:start}.section h2{margin:0 0 24px;font-size:28px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.feature-card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;display:grid;gap:8px;transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease}.feature-card strong{font-size:16px}.feature-card span{color:var(--muted);font-size:14px}.feature-card:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:0 6px 18px #00000040}.stats{margin-top:32px;display:flex;gap:20px;justify-content:center}.stat{text-align:center}.stat b{font-size:20px}.stat span{color:var(--muted);font-size:12px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.about-grid .card{padding:22px;border-radius:16px}.about-grid h2,.about-grid h3{font-size:24px;margin-bottom:8px}.about-grid p{line-height:1.6}.values{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:12px 0 0;list-style:none}.values li{padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:14px}.services{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service strong{font-size:16px}.service ul{margin:8px 0 0;padding-left:18px;color:var(--muted);line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:22px;transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease}.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted)}.project-card{display:grid;gap:10px}.card:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:0 6px 18px #00000040}.footer{border-top:1px solid rgba(255,255,255,.06);background:#000;padding:16px 0;color:var(--muted);font-size:14px}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-left{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}.footer-copy{text-align:center}.footer-links{text-align:right;display:flex;gap:10px;justify-content:end;flex-direction:column;align-items:end}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}.fcol strong{display:block;margin-bottom:6px}.fcol ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.fcol a{color:var(--muted);text-decoration:none}.fcol a:hover{color:var(--text)}.socials{display:flex;gap:10px}.social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.08);color:var(--muted)}.social:hover{color:var(--text);border-color:#ffffff29}.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.reveal-visible{opacity:1;transform:translateY(0)}.projects-layout{display:grid;grid-template-columns:1fr 320px;gap:20px}.featured{padding:0;overflow:hidden}.featured-media{position:relative;height:420px;background:#0b0b0b;border-bottom:1px solid rgba(255,255,255,.06)}.featured-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35}.featured-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.7) 85%);padding:18px;pointer-events:none}.featured-title{display:grid;gap:6px}.featured-title .slug{color:var(--muted);font-size:12px}.featured-title strong{font-size:24px}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:0;color:#000;background:radial-gradient(60% 60% at 50% 50%,var(--success) 0%,rgba(81,249,14,.85) 100%);box-shadow:0 0 #51f90e59;transition:transform .15s ease,box-shadow .2s ease;cursor:pointer;z-index:2}.play:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 0 10px #51f90e40}.play:disabled{opacity:.4;cursor:not-allowed}.featured-info{padding:16px;display:grid;gap:10px}.featured-header{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 10px;border-radius:999px;background:#ffffff0f;color:var(--text);font-size:12px;border:1px solid rgba(255,255,255,.08)}.price{padding:6px 10px;border-radius:8px;background:#51f90e1a;color:var(--success);border:1px solid rgba(81,249,14,.3);font-weight:700}.featured-actions{display:flex;gap:10px}.sidebar{display:grid;gap:12px}.side-item{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px;cursor:pointer;color:var(--text);text-align:left;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.side-item:hover{border-color:#ffffff1f}.side-item.active{box-shadow:inset 0 0 0 1px var(--primary)}.side-thumb{width:56px;height:48px;border-radius:10px;object-fit:cover;background:linear-gradient(180deg,#191f2b,#121722)}.side-text{display:grid}.side-text strong{font-size:14px}.side-text span{color:var(--muted);font-size:12px}@media (max-width: 860px){.hero{grid-template-columns:1fr;text-align:center;min-height:auto;padding:100px 0 120px;scroll-snap-align:none}.hero h1{font-size:42px}.grid{grid-template-columns:1fr}body{scroll-snap-type:none}.footer-grid{grid-template-columns:1fr;gap:8px;text-align:center}.footer-links{justify-content:center}.projects-layout{grid-template-columns:1fr}.featured-media{height:280px}.features-grid,.about-grid,.services,.footer-columns{grid-template-columns:1fr}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:24px;z-index:50}.modal-content{width:min(900px,100%);background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-title{font-weight:700}.modal-close-icon{background:transparent;border:0;color:var(--muted);width:36px;height:36px;border-radius:8px;cursor:pointer}.aspect{position:relative;width:100%;padding-bottom:56.25%}.aspect iframe,.aspect video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.modal-close{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%;background:transparent;color:var(--muted);padding:12px 16px;border:0;border-top:1px solid rgba(255,255,255,.06);cursor:pointer}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:grid;place-items:center;z-index:9999}.loading-logo-img{width:220px;height:auto}.loading-logo svg{width:200px;height:auto;forced-color-adjust:none}.loading-logo svg path{stroke:var(--primary, #ff2934);stroke-width:1.2px;fill:var(--primary, #ff2934);fill-opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}@media (prefers-reduced-motion: reduce){.loading-logo svg path{animation:none!important;stroke-dashoffset:0!important}}@media (forced-colors: active){.loading-logo svg,.hero-title span{forced-color-adjust:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fillIn{to{fill-opacity:1}}.featured-media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.featured-media .close-video{position:absolute;top:12px;right:12px;background:#0009;border:0;color:var(--text);padding:6px 10px;border-radius:4px;cursor:pointer;z-index:2;transition:background var(--transition)}.featured-media .close-video:hover{background:#000c}