*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:8px;border:3px solid #0a0a0a}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-button:single-button{background-color:#0a0a0a;display:block;background-size:10px;background-repeat:no-repeat;background-position:center;height:16px;width:16px}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23888888'%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23888888'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:vertical:decrement:hover,::-webkit-scrollbar-button:single-button:vertical:increment:hover{background-color:#1a1a1a;cursor:pointer}::-webkit-scrollbar-button:single-button:vertical:decrement:active,::-webkit-scrollbar-button:single-button:vertical:increment:active{background-color:#2a2a2a}.app{width:100%;min-height:100vh;overflow-x:hidden}.main-content{padding:0;overflow-x:hidden}.main-content>:not(.docs-layout){padding-top:60px}.main-content>.docs-layout{padding-top:0}.main-content>.docs-layout,.main-content>.docs-layout *,.main-content>.docs-layout:before,.main-content>.docs-layout:after{background-color:transparent!important;transition:none!important}.main-content>.docs-layout{background:linear-gradient(135deg,#0a0a0a,#1a1a2e)!important}.navbar{position:fixed;top:0;left:0;width:100%;background:#1a1a1ad9;padding:.2rem 0;box-shadow:0 1px #61dafb1a;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(97,218,251,.08)}.navbar-container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center}.navbar-brand-link{display:flex;align-items:center;gap:.625rem;text-decoration:none;transition:all .3s ease}.navbar-logo{width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.navbar-logo img{width:100%;height:100%;object-fit:contain}.navbar-title{display:flex;flex-direction:column;gap:.125rem}.navbar-title-row{display:flex;align-items:baseline;gap:.5rem}.navbar-title-main{color:#fffffff2;font-size:1.25rem;font-weight:700;letter-spacing:.05em;transition:all .3s ease}.navbar-title-alpha{font-size:.7rem;font-weight:700;color:#696969;font-style:italic;border-radius:4px;line-height:1;margin-bottom:2px}.navbar-title-subtitle{font-size:.5rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease}.navbar-brand-link:hover .navbar-title-main{color:#fff}.navbar-brand-link:hover .navbar-title-subtitle{color:#fffc}.navbar-right{display:flex;align-items:center;gap:2.5rem}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.navbar-item a{color:#fffc;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;position:relative}.navbar-item a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#61dafb;transition:width .3s ease}.navbar-item a:hover{color:#61dafb}.navbar-item a:hover:after{width:100%}.navbar-link-disabled{color:#ffffff4d;text-decoration:none;font-size:.95rem;font-weight:500;cursor:not-allowed;position:relative;opacity:.5}.navbar-icons{display:flex;align-items:center;gap:.5rem;padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.1)}.navbar-icon{color:#ffffffb3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.navbar-icon:hover{color:#61dafb;background:#61dafb1a;border-color:#61dafb33}.navbar-icon-donate{color:#ef4444cc}.navbar-icon-donate:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.navbar-mobile-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;transition:color .3s ease}.navbar-mobile-toggle:hover{color:#61dafb}.navbar-submenu-toggle,.navbar-submenu,.navbar-overlay{display:none}@media(max-width:1100px){.navbar-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media(max-width:1100px){.navbar{padding:.75rem 0}.navbar-container{padding:0 1rem;position:relative;max-width:100%}.navbar-mobile-toggle{display:flex;align-items:center;justify-content:center;z-index:1001;order:-1;margin-right:1rem}.navbar-brand{flex:1}.navbar-title-subtitle{display:none}.navbar-right{position:static;width:auto;height:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;visibility:visible;flex-direction:row;gap:0;overflow:visible;border:none;box-shadow:none}.navbar-right .navbar-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#0f0f14fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:5rem 2rem 2rem;transition:left .3s ease;flex-direction:column;gap:0;overflow-y:auto;visibility:hidden;border-right:1px solid rgba(97,218,251,.15);box-shadow:4px 0 24px #0000004d}.navbar-right.mobile-open .navbar-menu{left:0;visibility:visible}.navbar-icons{display:flex;padding-left:0;border-left:none;gap:.5rem}.navbar-icon{width:36px;height:36px}.navbar-logo{width:44px;height:44px}.navbar-item{width:100%;border-bottom:1px solid rgba(255,255,255,.06)}.navbar-item a{display:block;padding:1rem 0;font-size:1.125rem}.navbar-item a:after{display:none}.navbar-link-disabled{display:block;padding:1rem 0;font-size:1.125rem}.navbar-item-docs{border-bottom:none}.navbar-item-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.navbar-item-header a{flex:1}.navbar-submenu-toggle{display:flex;background:none;border:none;color:#fff9;cursor:pointer;padding:1rem 0;align-items:center;transition:color .3s ease}.navbar-submenu-toggle:hover{color:#61dafb}.navbar-submenu-toggle svg{transition:transform .3s ease}.navbar-submenu-toggle svg.rotated{transform:rotate(180deg)}.navbar-submenu{display:block;list-style:none;padding:0;margin:0;background:#0003}.navbar-submenu-section{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.navbar-submenu-section:last-child{border-bottom:1px solid rgba(255,255,255,.06)}.navbar-submenu-title{font-size:.75rem;font-weight:600;color:#61dafbb3;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem .5rem}.navbar-submenu a{display:block;padding:.75rem 1.5rem;font-size:1rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease}.navbar-submenu a:hover{color:#61dafb;background:#61dafb0d;padding-left:2rem}}.footer{width:100%;background-color:#1a1a1a;border-top:1px solid rgba(255,255,255,.1);padding:4rem 0 2rem;position:relative;z-index:10}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;margin-bottom:.5rem}.footer-description{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0}.footer-social{display:flex;gap:1rem;margin-top:.5rem}.footer-social-link{color:#fff;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;background-color:#242424;transition:all .3s ease}.footer-social-link:hover{background-color:#2a2a2a;color:#61dafb;transform:translateY(-2px)}.footer-section-title{font-size:1rem;font-weight:600;color:#fff;margin:0;margin-bottom:.5rem}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-links a:hover{color:#61dafb}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-copyright{color:#fff9;font-size:.875rem;margin:0}.footer-legal{display:flex;gap:2rem}.footer-legal a{color:#fff9;text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-legal a:hover{color:#61dafb}@media(max-width:968px){.footer{padding:3rem 0 1.5rem}.footer-content{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}}@media(max-width:640px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;align-items:flex-start}.footer-legal{flex-direction:column;gap:.5rem}}.hero{width:100%;min-height:704px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden}.hero-background-client{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto;opacity:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:10;pointer-events:none}.hero-matrix-client{width:100%!important;height:100%!important;border-radius:0!important;transform:none!important;border:none!important;box-shadow:none!important}.hero-container{max-width:1000px;width:90%;padding:3.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:3rem;position:relative;z-index:10;pointer-events:none;background-color:#0c1014cc;border-radius:8px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #0003,0 20px 60px #0009;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-column-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:auto}.hero-column-right{flex:0 0 auto;min-width:300px;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;pointer-events:auto}.hero-column-right .hero-actions-row:first-child{flex-direction:column;width:100%;max-width:280px}.hero-column-right .hero-actions-row.secondary-row{flex-direction:row;width:100%;max-width:280px;justify-content:space-between}.hero-content{display:none}.hero:after{content:"";position:absolute;top:0;left:0;bottom:0;width:60%;z-index:1;pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#61dafb1a;border:1px solid rgba(97,218,251,.3);border-radius:20px;color:#61dafb;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;margin-top:0;color:#fff;line-height:1.1;letter-spacing:-.02em;text-align:left}.hero-description{font-size:1.125rem;color:#ffffffb3;margin-bottom:0;line-height:1.6;max-width:100%;text-align:left}.hero-actions-row{display:flex;gap:.75rem;flex-wrap:wrap;width:100%;justify-content:center}.hero-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;border:none;cursor:pointer;white-space:nowrap;width:100%}.hero-button.outline{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;font-size:.9rem;padding:.6rem 1rem;width:calc(50% - .375rem)}.hero-button.outline:hover{border-color:#ffffff80;color:#fff;background:#ffffff0d;transform:translateY(-2px)}.hero-button.primary{background-color:#61dafb;color:#0a0a0a}.hero-button.primary:hover{background-color:#4fc3dc;transform:translateY(-2px);box-shadow:0 8px 24px #61dafb4d}.hero-button.secondary{background-color:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.hero-button.secondary:hover{background-color:#ffffff1a;border-color:#61dafb4d;transform:translateY(-2px)}.hero-button.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.hero-button.disabled:hover{transform:none;box-shadow:none}.hero-visual{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.hero-matrix-client-container{width:100%;max-width:500px;perspective:1000px}.hero-matrix-client{transform:rotateX(5deg) rotateY(-8deg);transform-style:preserve-3d;transition:transform .3s ease;box-shadow:0 20px 60px #00000080;border-radius:12px}.hero-matrix-client:hover{transform:rotateX(3deg) rotateY(-5deg)}@media(max-width:968px){.hero{align-items:flex-start;padding-top:140px;padding-bottom:40px;height:auto;min-height:100vh}.hero-container{margin-top:4rem;margin-bottom:2rem;flex-direction:column;gap:3rem;text-align:center}.hero-column-left{flex:0 0 100%;max-width:100%;align-items:center;padding-right:0}.hero-column-right{flex:0 0 100%;max-width:100%}.hero-title{font-size:2.75rem;text-align:center}.hero-description{max-width:600px;text-align:center;margin-bottom:2rem}.hero-actions-row{justify-content:center}.hero-visual{width:100%}.hero-terminal{max-width:100%}}@media(max-width:640px){.hero{min-height:500px}.hero-container{padding:3rem 1rem;max-width:100%}.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.hero-button{width:100%;justify-content:center}}.utsp-hero-client{position:relative;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;background:transparent}.utsp-hero-client canvas{display:block;outline:none;max-width:100%;max-height:100%}.features-teaser{width:100%;background-color:#0c0c0c;color:#fff;padding:8rem 0;display:flex;justify-content:center;position:relative;z-index:40}.features-teaser-container{max-width:1200px;width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4rem;z-index:2}.features-teaser-content{flex:1;max-width:550px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.features-teaser-label{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;color:#e0e0e0}.features-teaser-title{font-size:3rem;line-height:1.1;font-weight:700;margin:0 0 1.5rem;color:#fff;letter-spacing:-.02em}.features-teaser-description{font-size:1.125rem;line-height:1.6;color:#b0b0b0;margin:0 0 2.5rem}.features-teaser-button{display:inline-flex;align-items:center;justify-content:center;background-color:#61dafb;color:#0a0a0a;font-weight:600;padding:.8rem 1.5rem;border-radius:6px;text-decoration:none;transition:all .2s ease;font-size:1rem}.features-teaser-button:hover{background-color:#4fc3dc;color:#0a0a0a;transform:translateY(-2px);box-shadow:0 8px 24px #61dafb4d}.features-teaser-button:active{transform:translateY(0)}.features-teaser-visual{flex:1;display:flex;justify-content:flex-end;max-width:600px;position:relative}.ft-viz-container{width:100%;aspect-ratio:16/10;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.ft-server-node{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:2}.ft-server-stack{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;perspective:1000px;transform-style:preserve-3d;margin-bottom:30px}.ft-server-core-glow{position:absolute;width:24px;height:100px;background:linear-gradient(180deg,#2dbbf9,#a855f7);filter:blur(12px);border-radius:12px;z-index:1;opacity:.8;animation:core-pulse 2s ease-in-out infinite alternate;transform:rotateX(60deg) rotate(45deg)}.ft-iso-plate{position:absolute;width:80px;height:80px;background:#18181b;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 15px #00000080;transition:all .3s ease}.ft-iso-plate:after{content:"";position:absolute;inset:4px;border:1px dashed rgba(255,255,255,.1);opacity:.5}.ft-iso-plate.p1{top:-20px;z-index:4;border-color:#2dbbf999;animation:plate-float-1 4s ease-in-out infinite}.ft-iso-plate.p2{top:25px;z-index:3;width:90px;height:90px;border-color:#a855f780;background:#1e1e24;animation:plate-float-2 4s ease-in-out infinite;animation-delay:.2s}.ft-iso-plate.p3{top:70px;z-index:2;border-color:#ffffff4d;animation:plate-float-3 4s ease-in-out infinite;animation-delay:.4s}@keyframes plate-float-1{0%,to{transform:rotateX(60deg) rotate(45deg) translateZ(0);box-shadow:0 0 15px #2dbbf91a}50%{transform:rotateX(60deg) rotate(45deg) translateZ(12px);box-shadow:0 0 25px #2dbbf94d;border-color:#2dbbf9}}@keyframes plate-float-2{0%,to{transform:rotateX(60deg) rotate(45deg) translateZ(0)}50%{transform:rotateX(60deg) rotate(45deg) translateZ(6px);border-color:#a855f7}}@keyframes plate-float-3{0%,to{transform:rotateX(60deg) rotate(45deg) translateZ(0)}50%{transform:rotateX(60deg) rotate(45deg) translateZ(3px)}}@keyframes core-pulse{0%{opacity:.5;height:50px}to{opacity:.9;height:70px}}.ft-viz-middle{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2.5rem;margin:0 2rem;height:100%}.ft-stream-path{width:100%;height:2px;background:#ffffff1a;position:relative}.ft-stream-label{position:absolute;top:-18px;width:100%;text-align:center;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#727272;pointer-events:none}.ft-packet{position:absolute;top:50%;width:12px;height:4px;border-radius:2px;transform:translateY(-50%)}.ft-stream-path.downstream .ft-packet{background:#2dbbf9;box-shadow:0 0 10px #2dbbf9;animation:stream-right 1.5s infinite linear}.ft-stream-path.downstream .ft-packet.p1{animation-delay:-1.5s}.ft-stream-path.downstream .ft-packet.p2{animation-delay:-1.25s}.ft-stream-path.downstream .ft-packet.p3{animation-delay:-1s}.ft-stream-path.downstream .ft-packet.p4{animation-delay:-.75s}.ft-stream-path.downstream .ft-packet.p5{animation-delay:-.5s}.ft-stream-path.downstream .ft-packet.p6{animation-delay:-.25s}.ft-stream-path.upstream .ft-packet{background:#4ade80;box-shadow:0 0 10px #4ade80;animation:stream-left 1.5s infinite linear;width:8px;height:3px}.ft-stream-path.upstream .ft-packet.p-rev1{animation-delay:-1.5s}.ft-stream-path.upstream .ft-packet.p-rev2{animation-delay:-1.125s}.ft-stream-path.upstream .ft-packet.p-rev3{animation-delay:-.75s}.ft-stream-path.upstream .ft-packet.p-rev4{animation-delay:-.375s}.ft-client-grid-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:2;perspective:800px}.ft-client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;transform:rotateX(45deg) rotate(-15deg);background:#00000080;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.ft-grid-cell{width:30px;height:30px;background:#2dbbf933;border-radius:2px;border:1px solid rgba(45,187,249,.3);box-shadow:0 0 5px #2dbbf91a;animation:cell-pulse var(--duration) infinite alternate;animation-delay:var(--delay)}.ft-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#71717a}.ft-label.server,.ft-label.client{color:#727272}@keyframes server-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ffffff80}50%{transform:scale(1.1);box-shadow:0 0 30px #fffc}}@keyframes stream-right{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes stream-left{0%{left:100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:0;opacity:0}}@keyframes cell-pulse{0%{background:#2dbbf926;box-shadow:0 0 2px #2dbbf91a;border-color:#2dbbf933}to{background:#2dbbf980;box-shadow:0 0 12px #2dbbf966;border-color:#2dbbf999}}@media(max-width:968px){.features-teaser-container{flex-direction:column;gap:3rem}.features-teaser-content{max-width:100%;order:1;align-items:flex-start}.features-teaser-visual{display:none}.features-teaser-title{font-size:2.5rem}}@media(max-width:640px){.features-teaser{padding:4rem 0}.features-teaser-title{font-size:2rem}.features-teaser-button{width:100%;text-align:center}}.prototype-to-production{width:100%;padding:8rem 2rem;background:#0f0f15;color:#fff;display:flex;justify-content:center;position:relative;overflow:hidden}.prototype-to-production:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(56,189,248,.05) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(74,222,128,.03) 0%,transparent 50%);pointer-events:none}.ptp-container{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:3rem;align-items:center;position:relative;z-index:10}.ptp-header{text-align:center;max-width:600px;margin-bottom:1rem}.ptp-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;letter-spacing:-.02em}.ptp-subtitle{font-size:1.1rem;color:#a1a1aa;line-height:1.6}.ptp-console-frame{width:100%;background:transparent;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;display:flex;flex-direction:column}.ptp-console-body{display:flex;position:relative;min-height:400px;gap:2rem}.ptp-pane{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -20px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ptp-pane.left-pane,.ptp-pane.right-pane{background:#0d0d11cc}.ptp-pane-header{display:flex;justify-content:space-between;align-items:center}.ptp-pane-label{display:flex;align-items:center;gap:.75rem;font-size:.8rem;font-weight:600;color:#e4e4e7;text-transform:uppercase;letter-spacing:.05em}.ptp-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;font-family:JetBrains Mono,monospace}.ptp-badge.prototype{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.ptp-badge.production{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.ptp-viewport-container{flex:0 0 220px;height:220px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#000;display:flex;align-items:center;justify-content:center;position:relative}.ptp-overlay-tech{position:absolute;inset:0;background-image:linear-gradient(rgba(74,222,128,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,128,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.ptp-pane-description{margin-top:0;padding-top:1rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.ptp-desc-item{display:flex;flex-direction:column;gap:.25rem;min-height:80px}.ptp-desc-item strong{font-size:.85rem;color:#e4e4e7;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.ptp-desc-item strong:before{content:"";display:inline-block;width:6px;height:6px;background:#3f3f46;margin-right:8px;border-radius:1px}.left-pane .ptp-desc-item strong:before{background:#4ade80;box-shadow:0 0 5px #4ade8066}.right-pane .ptp-desc-item strong:before{background:#38bdf8;box-shadow:0 0 5px #38bdf866}.ptp-desc-item p{font-size:.9rem;line-height:1.5;color:#a1a1aa;margin:0;padding-left:14px}.ptp-console-footer{height:36px;background:#09090b;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 1rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:#52525b;gap:1.5rem}.ptp-status-item{display:flex;align-items:center;gap:.5rem}.status-light{width:6px;height:6px;border-radius:50%;background:#3f3f46}.status-light.running{background:#22c55e;box-shadow:0 0 5px #22c55e80}.status-light.connected{background:#38bdf8;box-shadow:0 0 5px #38bdf880}.ptp-status-fill{flex:1}.ptp-features-grid{display:flex;gap:3rem;margin-top:1rem}.ptp-feature-mini{display:flex;align-items:center;gap:.75rem;color:#a1a1aa;font-size:.9rem;font-weight:500}.ptp-mini-icon{color:#52525b}@media(max-width:860px){.ptp-console-body{flex-direction:column}.ptp-console-separator{width:100%;height:1px}.ptp-features-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem}}.prototype-client{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:transparent;border-radius:8px}.prototype-client canvas{display:block;outline:none;max-width:100%;max-height:100%;image-rendering:pixelated}.core-mechanisms{width:100%;padding:6rem 0;background:linear-gradient(135deg,#0f0f15,#151520);position:relative;overflow:hidden}.core-mechanisms:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(97,218,251,.06) 0%,transparent 50%);pointer-events:none}.core-mechanisms-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.core-mechanisms-header{text-align:center;margin-bottom:4rem}.core-mechanisms-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2}.core-mechanisms-intro{font-size:1.125rem;line-height:1.8;color:#ffffffb3;max-width:800px;margin:0 auto}.mechanisms-svg{width:100%;max-width:800px;height:auto;display:block;margin:3rem auto 1.5rem}.virtual-grid-border{transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(255,255,255,.15))}.core-mechanisms-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:-5rem}.core-mechanisms-feature-block{background:#14141966;padding:2rem;border-radius:12px;text-align:left;transition:all .3s ease}.core-mechanisms-feature-block:hover{background:#19191e99;transform:translateY(-4px)}.core-mechanisms-feature-block h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:-.01em}.core-mechanisms-feature-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.feature-color{width:1.5em;height:1.5em;opacity:1;vertical-align:middle;margin-bottom:1em;flex-shrink:0;border-radius:4px}.feature-red{background:#ef4444e6}.feature-blue{background:#61dafbe6}.feature-gray{background:#8c96a0e6}.core-mechanisms-feature-block p{font-size:.95rem;line-height:1.7;color:#fff9;margin:0}.core-mechanisms-footer{text-align:center;margin-top:4rem}.core-mechanisms-summary{font-size:1.125rem;line-height:1.8;color:#ffffffb3;max-width:800px;margin:0 auto}.core-mechanisms-summary strong{color:#61dafb;font-weight:600}@media(max-width:1200px){.core-mechanisms-features{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(max-width:900px){.core-mechanisms-features{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.core-mechanisms{padding:4rem 0}.core-mechanisms-title{font-size:2rem}.core-mechanisms-intro,.core-mechanisms-summary{font-size:1rem}.mechanisms-svg{margin:2rem auto}.core-mechanisms-features{grid-template-columns:1fr;gap:1.5rem}.core-mechanisms-feature-block{padding:1.5rem}.core-mechanisms-feature-block h3{font-size:1.125rem}.core-mechanisms-footer{margin-top:3rem}}.utsp-demo-controls-bar{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;padding:0 1rem}.utsp-demo-control-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.utsp-demo-control-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);color:#fff}.utsp-demo-control-btn:active{transform:translateY(0)}.utsp-demo-control-btn.lightning-btn:hover{border-color:#ffeb3b80;box-shadow:0 0 15px #ffeb3b1a;color:#ffeb3b}.utsp-demo-control-btn.lightning-btn:active{background:#ffeb3b33}.utsp-demo-control-btn.toggle-btn{padding-right:2.75rem}.utsp-demo-control-btn.toggle-btn .toggle-indicator{position:absolute;right:1rem;width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease;box-shadow:inset 0 1px 2px #0000004d}.utsp-demo-control-btn.toggle-btn.active{background:#61dafb1a;border-color:#61dafb66;color:#61dafb}.utsp-demo-control-btn.toggle-btn.active .toggle-indicator{background:#61dafb;box-shadow:0 0 8px #61dafb99}@media(max-width:600px){.utsp-demo-controls-bar{flex-direction:column;align-items:stretch;gap:.75rem}.utsp-demo-control-btn{justify-content:center}}.utsp-demo{width:100%;padding:6rem 0;background:linear-gradient(135deg,#0f0f15,#151520);position:relative;overflow:hidden}.utsp-demo:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(97,218,251,.06) 0%,transparent 50%);pointer-events:none}.utsp-demo-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.utsp-demo-header{text-align:center;margin-bottom:3rem}.utsp-demo-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2}.utsp-demo-intro{font-size:1.125rem;line-height:1.8;color:#ffffffb3;max-width:800px;margin:0 auto}.utsp-demo-client{width:90%;max-width:none;margin:0 auto;min-height:600px;max-height:800px;aspect-ratio:16 / 9;border-radius:0;overflow:visible;padding:40px 0;position:relative}.utsp-demo-fullscreen-btn{position:absolute;top:50px;right:50px;z-index:100;background:#0009;border:1px solid rgba(97,218,251,.3);border-radius:8px;padding:10px;cursor:pointer;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.utsp-demo-fullscreen-btn:hover{background:#61dafb26;border-color:#61dafb80;color:#61dafb;box-shadow:0 0 20px #61dafb33}.utsp-demo-client-fullscreen{padding:0;max-width:none;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.utsp-demo-client-fullscreen .utsp-demo-fullscreen-btn{top:20px;right:20px}.utsp-client-floating.utsp-client-wrapper{background:transparent;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.utsp-client-floating .utsp-client-content{border-radius:6px;box-shadow:0 0 30px 5px #61dafb26,0 0 60px 15px #61dafb1a,0 0 100px 30px #61dafb0d,0 0 40px 10px #000c}.utsp-demo-stats-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:800px;margin:3rem auto 0;padding:2rem 0;border-top:1px solid rgba(255,255,255,.05)}.utsp-demo-controls{max-width:1000px;margin:2rem auto 0;display:flex;flex-direction:column;gap:2rem}.utsp-renderer-title{font-size:.875rem;font-weight:600;color:#ffffffb3;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.utsp-renderer-options{display:flex;gap:.5rem;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:.375rem;border-radius:8px;border:1px solid rgba(97,218,251,.1)}.utsp-renderer-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit}.utsp-renderer-btn:hover{background:#61dafb0d;border-color:#61dafb33}.utsp-renderer-btn.active{background:#61dafb1a;border-color:#61dafb66;box-shadow:0 0 12px #61dafb33}.utsp-renderer-btn-name{font-size:.9rem;font-weight:600;color:#61dafb}.utsp-renderer-btn-desc{font-size:.7rem;color:#ffffff80;white-space:nowrap}.utsp-demo-control-group{display:flex;align-items:center;gap:1rem}.utsp-demo-label{font-size:.95rem;font-weight:600;color:#61dafbe6;text-transform:uppercase;letter-spacing:.05em}.utsp-demo-select{padding:.6rem 1rem;font-size:.95rem;font-weight:500;color:#fff;background:#00000080;border:1px solid rgba(97,218,251,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:200px}.utsp-demo-select:hover{border-color:#61dafb80;background:#000000b3}.utsp-demo-select:focus{outline:none;border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33}.utsp-demo-select option{background:#1a1a1a;color:#fff}.utsp-demo-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;text-align:center}.utsp-demo-stat:not(:last-child):after{content:"";position:absolute;right:-1.5rem;top:15%;height:70%;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent)}.utsp-demo-stat-value{font-size:1.25rem;color:#fff;font-weight:700;font-family:inherit;letter-spacing:-.01em;line-height:1;text-shadow:0 0 20px rgba(255,255,255,.1)}.utsp-demo-stat-label{font-size:.75rem;color:#61dafb;text-transform:uppercase;letter-spacing:.15em;font-weight:700;margin-top:.25rem}.utsp-demo-stat-desc{font-size:.8rem;color:#ffffff73;line-height:1.4;max-width:180px}.utsp-demo-footer{text-align:center;margin-top:2rem}.utsp-demo-specs{font-size:.95rem;line-height:1.7;color:#fff9;max-width:800px;margin:0 auto}@media(max-width:768px){.utsp-demo{padding:4rem 0}.utsp-demo-title{font-size:2rem}.utsp-demo-intro,.utsp-demo-specs{font-size:1rem}.utsp-demo-client{min-height:300px}.utsp-demo-stats-inline{gap:1rem}.utsp-demo-header{margin-bottom:2rem}.utsp-demo-controls{padding:1.5rem}.utsp-renderer-title{font-size:1.1rem}.utsp-renderer-options{flex-direction:column}.utsp-renderer-btn{width:100%}.utsp-renderer-card{padding:1rem}.utsp-renderer-card-name{font-size:1rem}.utsp-renderer-card-desc{font-size:.85rem}.utsp-demo-control-group{flex-direction:column;align-items:stretch;gap:.5rem}.utsp-demo-select{width:100%}.utsp-demo-stats-inline{flex-wrap:wrap;justify-content:space-around}.utsp-demo-stat{flex:1;min-width:70px}}.utsp-demo-bridge-overlay{position:absolute;top:50px;left:50px;z-index:50;display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(97,218,251,.3);border-radius:8px;min-width:120px;transition:all .3s ease}.utsp-demo-bridge-overlay.thunder-flash{background:#ffffc84d;border-color:#ffff64cc;box-shadow:0 0 30px #ffff6480}.utsp-demo-bridge-zone{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#61dafb}.utsp-demo-bridge-progress{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.utsp-demo-bridge-progress-bar{height:100%;background:linear-gradient(90deg,#61dafb,#4fc3f7);border-radius:2px;transition:width .1s ease-out}.utsp-demo-bridge-weather{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#fff9}.utsp-demo-bridge-weather .thunder-icon{color:#ffeb3b;animation:thunder-pulse .2s ease-out}@keyframes thunder-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:.7}}.utsp-demo-bridge-panel{max-width:600px;margin:1.5rem auto 0;padding:1rem 1.5rem;background:linear-gradient(135deg,#0f0f19e6,#191928e6);border:1px solid rgba(97,218,251,.2);border-radius:8px}.utsp-demo-bridge-title{font-size:.85rem;font-weight:600;color:#61dafb;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.utsp-demo-bridge-info{display:flex;flex-wrap:wrap;gap:1rem 2rem}.utsp-demo-bridge-item{display:flex;align-items:center;gap:.5rem}.utsp-demo-bridge-item .label{font-size:.8rem;color:#ffffff80}.utsp-demo-bridge-item .value{font-size:.85rem;font-weight:500;color:#ffffffe6;font-family:JetBrains Mono,monospace}@media(max-width:768px){.utsp-demo-bridge-overlay{top:10px;left:10px;padding:8px 12px;font-size:.8rem}.utsp-demo-bridge-panel{margin:1rem auto 0;padding:.75rem 1rem}.utsp-demo-bridge-info{flex-direction:column;gap:.5rem}}.utsp-client-wrapper{background:#0f0f14e6;border-radius:12px;overflow:hidden;border:1px solid rgba(97,218,251,.2);box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;position:relative;z-index:0;isolation:isolate;box-shadow:0 0 20px #000c;max-width:100%;width:100%}.utsp-client-header{background:#14141ef2;padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(97,218,251,.15);flex-shrink:0}.utsp-client-header-left{display:flex;align-items:center;gap:.75rem}.utsp-client-icon{display:flex;align-items:center;flex-shrink:0}.utsp-client-icon svg{width:16px;height:16px;flex-shrink:0}.utsp-client-title{font-size:.75rem;color:#96969666;font-weight:500;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.utsp-client-dots{display:flex;gap:.4rem}.utsp-client-dot{width:10px;height:10px;border-radius:50%;background-color:#444;opacity:.45}.utsp-client-content{flex:1;min-height:0;overflow:hidden;background:#000!important;display:flex;justify-content:center;align-items:center;position:relative;width:100%}.utsp-client-content[style]{background:#000!important}.utsp-renderer-selector{position:absolute;top:.75rem;left:.75rem;z-index:10}.utsp-renderer-select{background:#000000d9;border:1px solid rgba(97,218,251,.3);border-radius:6px;padding:.5rem .75rem;color:#61dafb;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Courier New,monospace}.utsp-renderer-select:hover:not(:disabled){background:#000000f2;border-color:#61dafb80;box-shadow:0 0 10px #61dafb33}.utsp-renderer-select:disabled{opacity:.5;cursor:not-allowed}.utsp-renderer-select option{background:#1a1a1a;color:#61dafb;padding:.5rem}.utsp-client-stats{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;z-index:10;pointer-events:none}.utsp-stat{display:flex;flex-direction:column;align-items:center;background:#000c;border:1px solid rgba(97,218,251,.3);border-radius:6px;padding:.4rem .6rem;min-width:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.utsp-stat-label{font-size:.65rem;color:#61dafbb3;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.15rem}.utsp-stat-value{font-size:.95rem;color:#61dafb;font-weight:700;font-family:Courier New,monospace}.utsp-client-content canvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;position:relative!important}.utsp-client-content>div{width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;background:none!important}.utsp-renderer-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444f2;border:2px solid rgba(239,68,68,1);border-radius:12px;padding:2rem;max-width:80%;text-align:center;box-shadow:0 10px 40px #ef444466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.utsp-renderer-error-message{color:#fff;font-size:1rem;font-weight:600;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.3)}.utsp-standalone{width:100%;padding:5rem 0;background-color:#1a1a1a}.utsp-standalone-container{max-width:1200px;margin:0 auto;padding:0 2rem}.utsp-standalone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.utsp-standalone-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.utsp-standalone-status{display:flex;align-items:center}.status-badge{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.status-connected{background-color:#22c55e33;color:#22c55e}.status-connected:before{background-color:#22c55e;animation:pulse 2s ease-in-out infinite}.status-connecting{background-color:#facc1533;color:#facc15}.status-connecting:before{background-color:#facc15;animation:pulse 1s ease-in-out infinite}.status-error{background-color:#ef444433;color:#ef4444}.status-error:before{background-color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.utsp-standalone-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.utsp-standalone-error p{color:#ef4444;margin:0;font-size:.95rem}.utsp-standalone-canvas{position:relative;margin-bottom:1.5rem}.utsp-standalone-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffffb3}.spinner{width:40px;height:40px;border:3px solid rgba(97,218,251,.2);border-top-color:#61dafb;border-radius:50%;animation:spin 1s linear infinite}.utsp-standalone-loading p{margin:0;font-size:.95rem}.utsp-standalone-info{display:flex;gap:2rem;padding:1.5rem;background-color:#242424;border-radius:8px;flex-wrap:wrap}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:#61dafb;font-weight:600}@media(max-width:1100px){.utsp-standalone{padding:3rem 0}.utsp-standalone-header{flex-direction:column;align-items:flex-start;gap:1rem}.utsp-standalone-title{font-size:1.5rem}.utsp-standalone-canvas{height:400px!important}.utsp-standalone-info{gap:1rem}.utsp-client-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.utsp-client-content{width:100%!important;max-width:100%!important}@media(max-width:480px){.utsp-client-stats{display:none}.utsp-renderer-selector{top:.5rem;left:.5rem}}}.utsp-client-wrapper.utsp-client-slim{background:transparent;border:1px solid rgba(97,218,251,.15);border-radius:4px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.utsp-client-wrapper.utsp-client-slim .utsp-client-content{background:transparent!important}.scenarios-showcase{width:100%;background:linear-gradient(180deg,#0f0f18,#050508);color:#fff;padding:10rem 0;display:flex;justify-content:center;position:relative;z-index:10;overflow:hidden}.scenarios-showcase:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle at 50% 50%,rgba(97,218,251,.1) 0%,rgba(139,92,246,.04) 30%,transparent 70%);pointer-events:none;z-index:1}.scenarios-showcase:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%);pointer-events:none;z-index:1}.ss-container{max-width:1200px;width:90%;margin:0 auto;position:relative;z-index:2}.ss-header{text-align:center;margin-bottom:5rem}.ss-badge{display:inline-block;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.05em;color:#e0e0e0;margin-bottom:1.5rem;text-transform:uppercase}.ss-title{font-size:3rem;line-height:1.1;font-weight:700;margin:0 0 1.5rem;color:#fff;letter-spacing:-.02em}.ss-subtitle{font-size:1.125rem;line-height:1.6;color:#b0b0b0;max-width:700px;margin:0 auto}.ss-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(360px,auto);gap:20px}.ss-card{position:relative;background:#ffffff08;border-radius:12px;overflow:hidden;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05)}.ss-card:hover{transform:translateY(-8px);background:#ffffff0d}.ss-card-content{padding:32px;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:30px;z-index:2}.ss-card-tag{font-size:.7rem;font-weight:800;letter-spacing:.15em;color:var(--accent-color);text-transform:uppercase;margin-bottom:12px;display:block;opacity:.8}.ss-card-title{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.01em}.ss-card-narrative{font-size:.95rem;color:#999;line-height:1.6}.ss-card-visual{position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#0003,#0000001a);border:1px solid rgba(255,255,255,.03);flex:1;min-height:120px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);transition:all .4s ease}.ss-card:hover .ss-card-visual{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);color:#fff;border-color:#ffffff1a}.ss-visual-glow{position:absolute;inset:0;background:radial-gradient(circle at center,var(--accent-color),transparent 70%);opacity:.05;filter:blur(40px);transition:opacity .5s ease}.ss-card:hover .ss-visual-glow{opacity:.15}.ss-card:nth-child(1){grid-column:span 2}.ss-card:nth-child(2){grid-column:span 1}.ss-card:nth-child(3){grid-column:span 1}.ss-card:nth-child(4){grid-column:span 1}.ss-card:nth-child(5){grid-column:span 1}.ss-card:nth-child(6){grid-column:span 2}.ss-card:nth-child(7){grid-column:span 2}.ss-card:nth-child(8){grid-column:span 2}.ss-card-border{position:absolute;inset:0;border:1px solid transparent;border-radius:12px;pointer-events:none;transition:all .4s ease}.ss-card:hover .ss-card-border{border-color:var(--accent-color);box-shadow:inset 0 0 20px rgba(var(--accent-color-rgb),.05)}@media(max-width:1024px){.ss-grid{grid-template-columns:repeat(2,1fr)}.ss-card:nth-child(n){grid-column:span 1}.ss-card:nth-child(1),.ss-card:nth-child(6),.ss-card:nth-child(7),.ss-card:nth-child(8){grid-column:span 2}}@media(max-width:768px){.scenarios-showcase{padding:4rem 0}.ss-title{font-size:2.25rem}.ss-subtitle{font-size:1rem}.ss-grid{grid-template-columns:1fr}.ss-card:nth-child(n){grid-column:span 1}.ss-card-content{padding:24px}}.cta{padding:6rem 2rem;background:linear-gradient(135deg,#1e1e2ef2,#181825fa);border-top:1px solid rgba(97,218,251,.2);border-bottom:1px solid rgba(97,218,251,.2);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(97,218,251,.05) 0%,transparent 70%);pointer-events:none}.cta-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2.5rem;position:relative;z-index:1}.cta-content{text-align:center;max-width:700px}.cta-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.cta-description{font-size:1.125rem;color:#fffc;line-height:1.6;margin:0}.cta-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.cta-button--primary{background:linear-gradient(135deg,#61dafb,#4fa8c5);color:#1e1e2e;box-shadow:0 4px 15px #61dafb4d}.cta-button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #61dafb66;background:linear-gradient(135deg,#70e4ff,#5fb8d5);color:#1e1e2e}.cta-button--primary:active{transform:translateY(0)}.cta-button--secondary{background-color:transparent;color:#61dafb;border-color:#61dafb80}.cta-button--secondary:hover{background-color:#61dafb1a;border-color:#61dafb;transform:translateY(-2px);color:#61dafb}.cta-button--secondary:active{transform:translateY(0)}.cta-button.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cta-button.disabled:hover{transform:none;box-shadow:none}@media(max-width:1100px){.cta{padding:4rem 1.5rem}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-actions{flex-direction:column;width:100%;max-width:300px}.cta-button{width:100%;justify-content:center}}.test-bench{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:2rem 1rem;color:#e0e0e0}.test-bench-container{max-width:1400px;margin:0 auto}.test-bench-header{text-align:center;margin-bottom:3rem}.test-bench-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.test-bench-subtitle{font-size:1.125rem;color:#a0a0a0;font-weight:300}.resolution-selector{margin-bottom:2rem}.resolution-selector-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem;text-align:center}.resolution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.resolution-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden}.resolution-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .2s ease;z-index:0}.resolution-card:hover{border-color:#667eea80;transform:translateY(-2px)}.resolution-card:hover:before{opacity:.1}.resolution-card.active{border-color:#667eea;background:#667eea26}.resolution-card.active:before{opacity:.2}.resolution-card-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;position:relative;z-index:1}.resolution-card-cells{font-size:.875rem;color:#a0a0a0;margin-bottom:.5rem;position:relative;z-index:1}.resolution-card-desc{font-size:.75rem;color:gray;line-height:1.4;position:relative;z-index:1}.stats-bar{display:flex;justify-content:center;gap:2rem;padding:1.5rem;background:#0000004d;border-radius:12px;margin-bottom:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.75rem;color:#a0a0a0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:#667eea;font-family:Courier New,monospace}.test-bench-display{background:#0006;border-radius:12px;padding:1rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);min-height:600px;display:flex;align-items:center;justify-content:center}.test-bench-footer{text-align:center;padding:1.5rem;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.test-bench-info{font-size:.875rem;color:#a0a0a0;margin-bottom:.75rem;line-height:1.6}.test-bench-info:last-child{margin-bottom:0}.test-bench-info strong{color:#667eea;font-weight:600}.resolution-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.test-bench-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;color:#a0a0a0}.loading-spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.test-bench-loading p{font-size:1rem;font-weight:500;color:#667eea}@media(max-width:768px){.test-bench-title{font-size:2rem}.resolution-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats-bar{gap:1rem}.stat-value{font-size:1.25rem}.test-bench-display{min-height:400px}}.mobile-test{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;color:#fff}.mobile-test-header{text-align:center;margin-bottom:2rem}.mobile-test-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.mobile-test-header p{font-size:1.1rem;opacity:.9}.mobile-test-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem}.touch-area{position:relative;background:#ffffff1a;border:3px dashed rgba(255,255,255,.4);border-radius:1rem;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.touch-area-instructions{text-align:center;padding:2rem}.touch-area-instructions h2{font-size:2rem;margin-bottom:1rem}.touch-area-instructions p{font-size:1.1rem;margin-bottom:1rem}.touch-area-instructions ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;font-size:.95rem}.touch-area-instructions li{background:#ffffff1a;padding:.5rem;border-radius:.5rem}.touch-indicator{position:absolute;pointer-events:none;z-index:10}.touch-indicator-inner{width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,255,255,.3) 60%,transparent 100%);border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #fff9;animation:pulse .3s ease-out}@keyframes pulse{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.touch-id{font-size:1.2rem;font-weight:700;color:#667eea;text-shadow:0 0 4px white}.info-panel{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem}.info-panel h3{font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:.5rem}.touches-list{display:grid;gap:1rem}.touch-item{background:#ffffff1a;border-radius:.75rem;padding:1rem}.touch-item strong{display:block;font-size:1.1rem;margin-bottom:.5rem;color:gold}.touch-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;font-size:.9rem}.touch-details span{background:#0003;padding:.4rem .6rem;border-radius:.4rem}.no-touches{text-align:center;opacity:.6;font-style:italic}.gesture-log{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;max-height:500px;display:flex;flex-direction:column}.gesture-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:.5rem}.gesture-log-header h3{font-size:1.5rem;margin:0}.clear-btn{background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .3s ease}.clear-btn:hover{background:#ffffff4d;transform:scale(1.05)}.gesture-list{overflow-y:auto;flex:1}.gesture-item{background:#ffffff1a;border-left:4px solid #ffd700;border-radius:.5rem;padding:.75rem;margin-bottom:.75rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.gesture-type{font-weight:700;color:gold;white-space:nowrap}.gesture-details{font-size:.9rem;opacity:.9}.gesture-time{font-size:.8rem;opacity:.7;white-space:nowrap}.no-gestures{text-align:center;opacity:.6;font-style:italic;padding:2rem}.device-info{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem}.device-info h3{font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:.5rem}.device-details{display:grid;gap:.75rem}.device-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;background:#ffffff1a;padding:.75rem;border-radius:.5rem;font-size:.9rem}.device-item strong{color:gold;white-space:nowrap}.device-item span{word-break:break-word}@media(min-width:768px){.mobile-test-content{grid-template-columns:1fr 1fr}.touch-area{grid-column:1 / -1}}@media(min-width:1024px){.mobile-test{padding:3rem 2rem}.touch-area{min-height:500px}}.gesture-list::-webkit-scrollbar{width:8px}.gesture-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.gesture-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.gesture-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.canvas-test-container{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;display:grid;gap:1rem;grid-column:1 / -1}.canvas-wrapper{position:relative;width:100%;height:300px;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px #0000004d}.test-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;transition:cursor .2s ease}.test-canvas:active{cursor:grabbing}.canvas-log{background:#0003;border-radius:.75rem;padding:1rem;max-height:200px;overflow-y:auto}.canvas-log h4{font-size:1.2rem;margin:0 0 .75rem;color:gold;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:.5rem}.canvas-log ul{list-style:none;padding:0;margin:0;font-size:.9rem}.canvas-log li{background:#ffffff1a;padding:.5rem .75rem;margin-bottom:.5rem;border-radius:.4rem;border-left:3px solid #ffd700;animation:slideIn .3s ease-out}.no-logs{text-align:center;opacity:.6;font-style:italic;padding:1rem;margin:0}@media(min-width:768px){.canvas-test-container{grid-template-columns:2fr 1fr}.canvas-wrapper{height:350px}.canvas-log{max-height:350px}}@media(min-width:1024px){.canvas-wrapper{height:400px}.canvas-log{max-height:400px}}.canvas-log::-webkit-scrollbar{width:6px}.canvas-log::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.canvas-log::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.canvas-log::-webkit-scrollbar-thumb:hover{background:#ffffff80}.showcase-page{padding:100px 2rem 6rem;background-color:#050505;min-height:100vh;color:#fff;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.showcase-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(56,189,248,.08) 0%,transparent 25%),radial-gradient(circle at 85% 60%,rgba(168,85,247,.08) 0%,transparent 35%);pointer-events:none;z-index:0}.showcase-page:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,#000 40%,#0000001a);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.showcase-container{position:relative;z-index:2;max-width:1200px;margin:0 auto}.showcase-header{padding:4rem 0 3rem;text-align:center}.header-content h1{font-size:4rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;letter-spacing:-.02em}.showcase-subtitle{font-size:1.25rem;color:#94a3b8;line-height:1.6;max-width:600px;margin:0 auto 3rem}.button-icon,.badge-icon,.filter-btn svg,.category-badge svg,.render-badge svg{flex-shrink:0!important;display:inline-block}.showcase-filters-wrapper{display:flex;justify-content:center;margin-bottom:3rem}.showcase-filters-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.showcase-filters{display:flex;background:#ffffff08;padding:.5rem;border-radius:100px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:.5rem;flex-wrap:wrap;justify-content:center}.filter-btn{background:transparent;border:none;color:#fff9;padding:.6rem 1.2rem;border-radius:100px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.filter-btn svg{width:16px;height:16px}.filter-btn:hover{color:#fff;background:#ffffff0d}.filter-btn.active{background:#fff;color:#000}.filter-btn.active svg{color:inherit}.secondary-filters{background:#ffffff08;padding:.5rem;gap:.5rem}.filter-btn.secondary{font-size:.85rem;padding:.5rem 1.1rem;color:#fff9}.filter-btn.secondary svg{width:14px;height:14px}.filter-btn.secondary:hover{color:#fffc}.filter-btn.secondary.active{background:#fff;color:#000;box-shadow:0 4px 20px #0003}.showcase-list-wrapper{padding-bottom:6rem}.showcase-list{display:flex;flex-direction:column;gap:1.5rem}.showcase-row{background:#0f0f11;border:1px solid #27272a;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;display:flex;flex-direction:row;height:220px}.showcase-row:hover{transform:translateY(-2px);border-color:#3f3f46;background:#18181b;box-shadow:0 10px 40px -10px #00000080}.row-image-container{width:320px;flex-shrink:0;background:#0a0a0c;border-right:1px solid #27272a;position:relative;overflow:hidden}.row-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s ease}.showcase-row:hover .row-image{transform:scale(1.05)}.row-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,255,255,.03),transparent 70%);position:relative}.placeholder-icon{color:#ffffff1a;transition:color .3s ease}.showcase-row:hover .placeholder-icon{color:#ffffff4d}.row-content{flex:1;padding:2rem;display:flex;flex-direction:column}.row-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.row-title-section{display:flex;align-items:center;gap:1rem}.row-title-section h3{font-size:1.5rem;font-weight:700;color:#f8fafc;margin:0}.badges-container{display:flex;align-items:center;gap:.6rem}.category-badge,.render-badge{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.3rem .6rem;border-radius:6px;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.05)}.category-badge svg,.render-badge svg{width:14px;height:14px}.render-ascii{color:#94a3b8;background:#94a3b814;border-color:#94a3b826}.render-sprites{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2426}.row-description{font-size:1rem;color:#94a3b8;line-height:1.6;max-width:800px;margin-bottom:.5rem}.row-note{font-size:.85rem;color:#fb923c;font-weight:500;margin-bottom:auto;display:flex;align-items:center;gap:.4rem}.row-note:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fb923c26;border:1px solid rgba(251,146,60,.3);border-radius:50%;font-size:.75rem;font-weight:800}.row-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.tech-stack{display:flex;gap:.5rem}.tech-pill{font-size:.75rem;color:#94a3b8;background:#ffffff0d;padding:.3rem .6rem;border-radius:6px}.category-games .category-badge{color:#f87171;background:#f871711a;border-color:#f8717133}.category-applications .category-badge{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa33}.category-tools .category-badge{color:#2dd4bf;background:#2dd4bf1a;border-color:#2dd4bf33}.category-signage .category-badge{color:#c084fc;background:#c084fc1a;border-color:#c084fc33}.category-other .category-badge{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2433}.modal-overlay{position:fixed;inset:0;z-index:99999;background:#000;animation:fadeIn .2s ease;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-modal{width:100%;height:100%;display:flex;flex-direction:column;background:#000}.fullscreen-header{height:64px;background:#0f0f11;border-bottom:1px solid #27272a;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0}.header-left{display:flex;align-items:center;gap:1.5rem}.header-left h2{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.header-left .meta-badge{font-size:.75rem;padding:.25rem .75rem;border-radius:4px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:.4rem}.header-left .meta-badge svg{width:14px;height:14px}.header-actions{display:flex;align-items:center;gap:1rem}.action-btn.icon-only{width:40px;height:40px;background:#18181b;border:1px solid #27272a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#a1a1aa;transition:all .2s;padding:0}.action-btn.icon-only svg{width:20px;height:20px}.action-btn.icon-only:hover{background:#27272a;color:#fff}.close-btn{width:40px;height:40px;background:#ef4444;border:none;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn svg{width:24px;height:24px}.close-btn:hover{background:#dc2626;transform:scale(1.05)}.fullscreen-content-wrapper{flex:1;position:relative;background:#000;overflow:hidden}.live-client-wrapper,.fullscreen-client,.fullscreen-iframe{width:100%;height:100%}.fullscreen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#52525b;text-align:center;padding:2rem}.placeholder-desc{max-width:600px;margin:1rem auto 2rem;color:#a1a1aa;font-size:1.1rem;line-height:1.6}.tech-tags-center{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.tech-tag{background:#18181b;border:1px solid #27272a;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;color:#e4e4e7}.mobile-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;background:#050505}.warning-icon{color:#f59e0b;margin-bottom:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mobile-warning h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#fff}.mobile-warning p{color:#a1a1aa;font-size:1.1rem;line-height:1.6;max-width:400px;margin-bottom:3rem}.mobile-project-info{border-top:1px solid #27272a;padding-top:2rem;width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#52525b;gap:1rem}@media(max-width:900px){.showcase-row{flex-direction:column;height:auto}.row-image-container{width:100%;height:200px;border-right:none;border-bottom:1px solid #27272a}.row-content{padding:1.5rem}.showcase-filters-container{gap:1rem}.secondary-filters{padding:.3rem}.filter-btn.secondary{padding:.3rem .8rem}}.utsp-showcase-client{width:100%;height:100%;position:relative;background:#000;display:flex;flex-direction:column}.showcase-client-container{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.showcase-client-container>div,.showcase-client-container canvas{max-width:100%;max-height:100%;object-fit:contain}.showcase-client-fps{position:absolute;bottom:1rem;right:1rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#4ade80;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.4rem .6rem;border-radius:4px;pointer-events:none;border:1px solid rgba(74,222,128,.2);z-index:100;display:flex;align-items:center;gap:.4rem}.showcase-client-fps svg{flex-shrink:0;width:12px;height:12px}.dashboard-page{padding:60px 20px;max-width:1400px;margin:0 auto}.dashboard-hero{text-align:center;margin-bottom:60px}.dashboard-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-description{font-size:1.2rem;color:#666;max-width:700px;margin:0 auto;line-height:1.6}.dashboard-client-container{display:flex;justify-content:center;margin-bottom:60px}.dashboard-fullscreen-container{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-image:linear-gradient(45deg,#3a3a3a 25%,transparent 25%),linear-gradient(-45deg,#3a3a3a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a3a3a 75%),linear-gradient(-45deg,transparent 75%,#3a3a3a 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#2a2a2a}.dashboard-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;margin-top:40px}.dashboard-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000d;transition:box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 4px 16px #0000001a}.dashboard-card h2{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#333}.dashboard-card p{color:#666;line-height:1.6;margin-bottom:15px}.dashboard-card ul{list-style:none;padding:0;margin:15px 0}.dashboard-card ul li{padding:8px 0;color:#555;line-height:1.5}.dashboard-card ul li strong{color:#667eea;font-weight:600}.dashboard-card code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#667eea}.dashboard-code{background:#1e1e1e;color:#d4d4d4;padding:20px;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}@media(max-width:768px){.dashboard-page{padding:40px 15px}.dashboard-title{font-size:2rem}.dashboard-description{font-size:1rem}.dashboard-info{grid-template-columns:1fr}.dashboard-client-container{margin-bottom:40px}}.utsp-network-client-wrapper{background:#0f0f14f2;border-radius:12px;overflow:hidden;border:1px solid rgba(97,218,251,.3);box-shadow:0 20px 60px #00000080,0 0 30px #61dafb1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;position:relative;z-index:0;isolation:isolate;max-width:100%;width:100%}.utsp-network-client-header{background:#14141efa;padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(97,218,251,.2);flex-shrink:0}.utsp-network-client-header-left{display:flex;align-items:center;gap:.75rem}.utsp-network-client-header-right{display:flex;align-items:center;gap:1rem}.utsp-network-client-icon{display:flex;align-items:center}.utsp-network-client-title{font-size:.8rem;color:#61dafbe6;font-weight:600;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.utsp-server-url{font-size:.7rem;color:#96969699;font-family:monospace}.utsp-network-client-dots{display:flex;gap:6px}.utsp-network-client-dot{width:10px;height:10px;border-radius:50%}.utsp-network-client-dot.red{background:#ff5f57}.utsp-network-client-dot.yellow{background:#ffbd2e}.utsp-network-client-dot.green{background:#28ca41}.utsp-connection-status{font-size:.7rem;padding:.2rem .6rem;border-radius:12px;font-weight:500;letter-spacing:.02em}.utsp-connection-status.status-connected{background:#28ca4133;color:#28ca41;border:1px solid rgba(40,202,65,.4)}.utsp-connection-status.status-connecting{background:#ffbd2e33;color:#ffbd2e;border:1px solid rgba(255,189,46,.4);animation:pulse 1.5s ease-in-out infinite}.utsp-connection-status.status-error{background:#ff5f5733;color:#ff5f57;border:1px solid rgba(255,95,87,.4)}.utsp-connection-status.status-disconnected{background:#96969633;color:#969696;border:1px solid rgba(150,150,150,.4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.utsp-network-client-body{position:relative;flex:1;min-height:0;display:flex}.utsp-network-client-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#0a0a0f;position:relative;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.utsp-network-client-content *{touch-action:manipulation}.utsp-network-client-content button,.utsp-network-client-content [role=button],.utsp-network-client-content .play-button,.utsp-network-client-content [class*=play],.utsp-network-client-content [class*=Play]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;pointer-events:auto!important;position:relative;z-index:50}.utsp-network-client-content canvas{max-width:100%;max-height:100%;object-fit:contain}.utsp-network-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0ff2;z-index:10;gap:1rem}.utsp-network-spinner{width:48px;height:48px;border:3px solid rgba(97,218,251,.2);border-top-color:#61dafb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.utsp-network-message{color:#61dafbcc;font-size:.9rem;letter-spacing:.05em}.utsp-network-overlay.utsp-network-error{gap:.75rem}.utsp-network-error-icon{font-size:3rem}.utsp-network-error-title{color:#ff5f57;font-size:1.2rem;font-weight:600}.utsp-network-error-message{color:#ff5f57b3;font-size:.85rem;text-align:center;max-width:80%}.utsp-network-retry-btn{margin-top:.5rem;padding:.6rem 1.5rem;background:#61dafb26;border:1px solid rgba(97,218,251,.4);border-radius:8px;color:#61dafb;font-size:.85rem;cursor:pointer;transition:all .2s ease}.utsp-network-retry-btn:hover{background:#61dafb40;border-color:#61dafb99;transform:translateY(-1px)}.utsp-network-retry-btn:active{transform:translateY(0)}.utsp-network-client-stats{display:flex;justify-content:center;gap:2rem;padding:.5rem 1rem;background:#14141ef2;border-top:1px solid rgba(97,218,251,.15)}.utsp-network-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.utsp-network-stat-label{font-size:.65rem;color:#96969699;text-transform:uppercase;letter-spacing:.1em}.utsp-network-stat-value{font-size:.9rem;color:#61dafb;font-family:monospace;font-weight:600}.utsp-network-client-footer{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1rem;background:#14141efa;border-top:1px solid rgba(97,218,251,.15)}.utsp-network-username{font-size:.75rem;color:#61dafbb3}.utsp-network-dimensions{font-size:.7rem;color:#96969680;font-family:monospace}@media(max-width:768px){.utsp-network-client-header{flex-wrap:wrap;gap:.5rem}.utsp-server-url{display:none}.utsp-network-client-stats{gap:1rem}}.utsp-network-fullscreen-btn{position:absolute;top:10px;right:10px;z-index:100;background:#0009;border:1px solid rgba(97,218,251,.3);border-radius:8px;padding:8px;cursor:pointer;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.utsp-network-fullscreen-btn:hover{background:#61dafb26;border-color:#61dafb80;color:#61dafb;box-shadow:0 0 20px #61dafb33}.utsp-network-client-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important;z-index:9999!important;background:#000!important}.utsp-network-client-fullscreen .utsp-network-client-body{flex:1}.utsp-network-client-fullscreen .utsp-network-client-content{width:100%;height:100%}.utsp-network-client-fullscreen .utsp-network-fullscreen-btn{top:20px;right:20px}.network-page{height:100vh;width:100vw;display:flex;flex-direction:column;background:#0a0a0f;overflow:hidden}.network-topbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#0f0f14f2;border-bottom:1px solid rgba(97,218,251,.2);flex-shrink:0;gap:1rem;z-index:100}.network-topbar-left{display:flex;align-items:center;gap:.75rem}.network-logo{font-size:1.1rem;font-weight:700;color:#61dafb}.network-title{font-size:.85rem;color:#ffffff80;font-weight:500}.network-setup-form{display:flex;align-items:center;gap:.75rem;flex:1;max-width:650px}.network-url-input{flex:1;padding:.4rem .75rem;background:#0a0a0fcc;border:1px solid rgba(97,218,251,.3);border-radius:6px;color:#fff;font-family:monospace;font-size:.85rem;transition:border-color .2s ease}.network-url-input:focus{outline:none;border-color:#61dafb}.network-mobile-btn{display:flex;align-items:center;justify-content:center;padding:.4rem;background:#61dafb1a;border:1px solid rgba(97,218,251,.3);border-radius:6px;color:#61dafb;cursor:pointer;transition:all .2s ease}.network-mobile-btn:hover{background:#61dafb33;border-color:#61dafb}.network-client-count-wrapper{display:flex;align-items:center;gap:.4rem}.network-client-count-label{font-size:.8rem;color:#fff9}.network-client-count-input{width:50px;padding:.4rem .5rem;background:#0a0a0fcc;border:1px solid rgba(97,218,251,.3);border-radius:6px;color:#fff;font-family:monospace;font-size:.85rem;text-align:center}.network-client-count-input:focus{outline:none;border-color:#61dafb}.network-renderer-hint{font-size:.7rem;color:orange;white-space:nowrap}.network-gamepads{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#61dafb14;border:1px solid rgba(97,218,251,.25);border-radius:10px;color:#61dafb;font-size:.75rem;font-weight:600}.gamepads-label{color:#ffffffb3}.gamepads-list{font-family:monospace;letter-spacing:.02em}.network-connect-btn{padding:.4rem 1rem;background:#61dafb26;border:1px solid rgba(97,218,251,.4);border-radius:6px;color:#61dafb;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.network-connect-btn:hover{background:#61dafb40;border-color:#61dafb}.network-controls{display:flex;align-items:center;gap:.75rem}.network-server-info{font-size:.8rem;color:#fff9;font-family:monospace}.network-action-btn{padding:.35rem .75rem;background:#28ca4126;border:1px solid rgba(40,202,65,.4);border-radius:6px;color:#28ca41;font-size:.8rem;cursor:pointer;transition:all .2s ease}.network-action-btn:hover{background:#28ca4140}.network-disconnect-btn{padding:.35rem .75rem;background:#ff5f5726;border:1px solid rgba(255,95,87,.4);border-radius:6px;color:#ff5f57;font-size:.8rem;cursor:pointer;transition:all .2s ease}.network-disconnect-btn:hover{background:#ff5f5740}.network-topbar-right{display:flex;align-items:center;gap:1.5rem}.network-stats{display:flex;gap:1rem}.network-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat-label{font-size:.6rem;color:#96969699;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.85rem;color:#61dafb;font-family:monospace;font-weight:600}.network-status{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.network-status.connected{background:#28ca4126;color:#28ca41}.network-status.partial{background:#ffa50026;color:orange}.network-status.disconnected{background:#ff5f5726;color:#ff5f57}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.network-status.connected .status-dot{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #28ca4166}50%{box-shadow:0 0 0 6px #28ca4100}}.network-client-container{flex:1;min-height:0;display:grid;gap:2px;background:#1a1a1f;padding:2px}.network-client-container.grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.network-client-container.grid-2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.network-client-container.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.network-client-container.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.network-client-container.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.network-client-container.grid-16{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.network-client-cell{display:flex;min-height:0;min-width:0;overflow:hidden;touch-action:manipulation}.network-client-cell *{touch-action:manipulation}.network-client-instance{flex:1;border-radius:0!important;border:none!important;min-height:0;min-width:0}.grid-1 .network-client-instance .utsp-network-client-header,.grid-1 .network-client-instance .utsp-network-client-footer{display:none}.network-placeholder{grid-column:1 / -1;grid-row:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff6}.network-placeholder-icon{font-size:3rem;opacity:.5}.network-placeholder-text{font-size:1.1rem}.network-placeholder-hint{font-size:.8rem;color:#ffffff40;text-align:center;max-width:400px}.network-rate-overlay{position:fixed;top:70px;right:16px;background:#0a0a0fe6;border:1px solid rgba(97,218,251,.25);border-radius:12px;padding:.75rem;box-shadow:0 10px 30px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;width:260px;pointer-events:none}.rate-overlay-header,.rate-overlay-footer{display:flex;justify-content:space-between;align-items:center;color:#ffffffbf;font-size:.8rem}.rate-overlay-header{margin-bottom:.4rem}.rate-overlay-footer{margin-top:.35rem;font-size:.72rem;color:#fff9}.rate-title{font-weight:700;color:#61dafb;letter-spacing:.03em}.rate-current{font-family:monospace;color:#ffffffe6}.rate-sparkline{width:100%;height:90px;background:linear-gradient(180deg,rgba(97,218,251,.08),transparent);border-radius:8px;overflow:hidden}@media(max-width:900px){.network-topbar{flex-wrap:wrap;padding:.5rem}.network-topbar-left{order:1}.network-status{order:2}.network-setup-form,.network-controls{order:3;flex:1 1 100%;max-width:none}.network-topbar-right{order:2;gap:1rem}.network-stats{display:none}.network-client-container.grid-4,.network-client-container.grid-6{grid-template-columns:repeat(2,1fr)}.network-client-container.grid-9,.network-client-container.grid-16{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.network-title,.network-renderer-hint{display:none}}.term-bomb-page{width:100vw;height:100vh;margin:0;padding:0;display:flex;background:#000}.term-bomb-client .utsp-network-client-wrapper{width:100%;height:100%;background:#000;border:none;border-radius:0;box-shadow:none}.term-bomb-client .utsp-network-client-header,.term-bomb-client .utsp-network-client-footer,.term-bomb-client .utsp-network-client-stats{display:none!important}.term-bomb-client .utsp-network-client-body{flex:1}.term-bomb-client .utsp-network-client-content{width:100%;height:100%}.term-bomb-client .utsp-network-fullscreen-btn{width:52px;height:52px;padding:12px}.term-bomb-client .utsp-network-fullscreen-btn svg{width:24px;height:24px}.term-bomb-client .utsp-network-client-content button{outline:none!important;box-shadow:none!important}.term-bomb-client .utsp-network-client-content button:focus{outline:none!important;box-shadow:none!important}.features-category-title.cat-core{color:#7dd3fc}.features-category-title.cat-core:after{background:linear-gradient(90deg,rgba(125,211,252,.2),transparent)}.features-list.cat-core .feature-icon-wrapper{color:#7dd3fc;background:#7dd3fc0d}.features-list.cat-core .feature-row:hover .feature-icon-wrapper{background:#7dd3fc26}.features-category-title.cat-arch{color:#c4b5fd}.features-category-title.cat-arch:after{background:linear-gradient(90deg,rgba(196,181,253,.2),transparent)}.features-list.cat-arch .feature-icon-wrapper{color:#c4b5fd;background:#c4b5fd0d}.features-list.cat-arch .feature-row:hover .feature-icon-wrapper{background:#c4b5fd26}.features-category-title.cat-input{color:#86efac}.features-category-title.cat-input:after{background:linear-gradient(90deg,rgba(134,239,172,.2),transparent)}.features-list.cat-input .feature-icon-wrapper{color:#86efac;background:#86efac0d}.features-list.cat-input .feature-row:hover .feature-icon-wrapper{background:#86efac26}.features-category-title.cat-output{color:#fcd34d}.features-category-title.cat-output:after{background:linear-gradient(90deg,rgba(252,211,77,.2),transparent)}.features-list.cat-output .feature-icon-wrapper{color:#fcd34d;background:#fcd34d0d}.features-list.cat-output .feature-row:hover .feature-icon-wrapper{background:#fcd34d26}.features-category-title.cat-future{color:#cbd5e1}.features-category-title.cat-future:after{background:linear-gradient(90deg,rgba(203,213,225,.2),transparent)}.features-list.cat-future .feature-icon-wrapper{color:#cbd5e1;background:#cbd5e10d}.features-list.cat-future .feature-row:hover .feature-icon-wrapper{background:#cbd5e126}.features-page{padding:100px 2rem 6rem;background-color:#050505;min-height:100vh;color:#fff;display:flex;flex-direction:column;align-items:center;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden;position:relative}.features-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(56,189,248,.08) 0%,transparent 25%),radial-gradient(circle at 85% 60%,rgba(168,85,247,.08) 0%,transparent 35%);pointer-events:none;z-index:0}.features-page:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,#000 40%,#0000001a);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.features-header{text-align:center;max-width:800px;padding-top:4rem;margin-bottom:5rem;width:100%;position:relative;z-index:1}.features-main-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;letter-spacing:-.02em}.features-subtitle{font-size:1.25rem;color:#94a3b8;line-height:1.6;max-width:600px;margin:0 auto}.features-category-title{width:100%;max-width:1200px;text-align:left;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#61dafb;margin-top:2rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;position:relative;z-index:1;padding-left:0;border-left:none;opacity:1}.features-category-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#61dafb33,transparent)}.features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;max-width:1200px;width:100%;margin-bottom:3rem;position:relative;z-index:1}.feature-row{background:#0f0f11;border:1px solid #27272a;padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;height:100%}.feature-row:hover{transform:translateY(-4px);border-color:#3f3f46;background:#18181b;box-shadow:0 10px 40px -10px #00000080}.feature-row:hover .feature-icon-wrapper{background:#61dafb26;color:#fff;transform:scale(1.1)}.feature-icon-wrapper{color:#61dafb;width:48px;height:48px;background:#61dafb0d;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;padding:0}.feature-icon{stroke-width:2px}.feature-text{display:flex;flex-direction:column;gap:.75rem;width:100%}.feature-text h3{font-size:1.125rem;font-weight:700;margin:0;color:#f8fafc}.feature-text p{font-size:.9375rem;color:#94a3b8;margin:0;line-height:1.6}.features-separator{display:none}@media(max-width:768px){.features-page{padding-top:120px}.features-main-title{font-size:2.5rem}.features-list{grid-template-columns:1fr}}.not-found-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);position:relative;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.not-found-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(97,218,251,.08) 0%,transparent 50%);pointer-events:none}.not-found-container{max-width:800px;width:100%;text-align:center;position:relative;z-index:1}.not-found-code{font-size:8rem;font-weight:700;color:#fff;margin-bottom:1rem;display:block;letter-spacing:-.05em;opacity:.9}.not-found-title{font-size:2.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em}.not-found-description{font-size:1.125rem;color:#ffffffa6;line-height:1.6;margin:0 auto 3rem;max-width:500px;font-weight:300}.not-found-btn{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff0d;color:#fff;padding:.875rem 2.25rem;border-radius:6px;font-weight:600;text-decoration:none;transition:all .2s ease;font-size:1rem;border:1px solid rgba(255,255,255,.1)}.not-found-btn:hover{background-color:#ffffff1a;border-color:#61dafb4d;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;color:#fff}@media(max-width:768px){.not-found-code{font-size:5rem}.not-found-title{font-size:1.75rem}.not-found-description{font-size:1rem}}