@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";.splash-screen{z-index:9999;pointer-events:none;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.shatter-bg{z-index:0;background:radial-gradient(circle,#111116 0%,#000 100%);width:100vw;height:100vh;position:absolute;top:0;left:0}.shatter-pulse{pointer-events:none;z-index:1;will-change:transform, opacity;background:radial-gradient(circle,#0047ff26 0%,#0000 60%);width:800px;height:800px;animation:4s ease-in-out infinite alternate pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseGlow{0%{opacity:.5;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.thunder-bg{z-index:2;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.real-thunder-bg{opacity:0;mix-blend-mode:screen;background-image:url(/thunder.png);background-position:50%;background-size:cover;width:100vw;height:100vh;animation:5s infinite realisticStrike;position:absolute;top:0;left:0}@keyframes realisticStrike{0%,15%,22%,to{opacity:0}16%{opacity:1}17%{opacity:0}18%{opacity:.6}19%{opacity:0}20%{opacity:1;transform:scale(1.02)}21%{opacity:.3;transform:scale(1)}}.splash-logo-container{z-index:1;align-items:center;gap:15px;display:flex;position:relative}.draw-circle,.draw-line,.draw-v{stroke-dasharray:100;stroke-dashoffset:100px;animation:1.2s cubic-bezier(.4,0,.2,1) forwards drawStroke}.draw-v{stroke-dashoffset:0;animation:none}.draw-line{animation-delay:.6s}@keyframes drawStroke{to{stroke-dashoffset:0}}.splash-logo-container>svg.splash-v{animation:.5s ease-out .2s forwards fadeInLogo,1.5s ease-in-out 2.6s forwards moveDownV}@keyframes moveDownV{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(120px)}}.splash-q{transform-origin:50%;will-change:transform}@keyframes rotateQ{0%{transform:rotate(0)translateZ(0)}to{transform:rotate(360deg)translateZ(0)}}.splash-logo-container>svg.splash-q{opacity:0;overflow:visible}.splash-logo-container>svg:first-child{animation:.5s ease-out forwards fadeInLogo,1.2s 1.8s forwards rotateQ}.splash-logo-container>svg:nth-child(3){animation:.5s ease-out .4s forwards fadeInLogo,1.2s 1.8s forwards rotateQ}@keyframes fadeInLogo{to{opacity:1}}.splash-subtitle{color:#ffffffe6;letter-spacing:14px;text-transform:uppercase;white-space:nowrap;opacity:0;text-shadow:0 0 10px #0096ffcc;z-index:1;margin-top:35px;margin-left:14px;font-family:Inter,Roboto,Segoe UI,sans-serif;font-size:15px;font-weight:300;animation:1.2s cubic-bezier(.2,.8,.2,1) 2.5s forwards revealSubtitle;position:relative;transform:translateY(15px)}@keyframes revealSubtitle{to{opacity:1;transform:translateY(0)}}.shatter-layer{z-index:2;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.splash-content-wrapper{z-index:3;flex-direction:column;align-items:center;display:flex;position:relative}.shatter-top,.shatter-bottom{clip-path:none}.shatter-out-top{clip-path:polygon(0 0,100% 0,100% calc(50% - 15px),calc(50% + 45px) calc(50% - 15px),50% calc(50% + 15px),calc(50% - 45px) calc(50% - 15px),0 calc(50% - 15px));animation:.7s cubic-bezier(.8,0,.2,1) forwards shatterTopAnim}.shatter-out-bottom{clip-path:polygon(0 calc(50% - 15px),calc(50% - 45px) calc(50% - 15px),50% calc(50% + 15px),calc(50% + 45px) calc(50% - 15px),100% calc(50% - 15px),100% 100%,0 100%);animation:.7s cubic-bezier(.8,0,.2,1) forwards shatterBottomAnim}@keyframes shatterTopAnim{0%{opacity:1;transform:translateY(0)}15%{opacity:1;transform:translateY(10px)}to{opacity:0;transform:translateY(-100vh)}}@keyframes shatterBottomAnim{0%{opacity:1;transform:translateY(0)}15%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(100vh)}}.thunder-bg.fast-fade{animation:.3s ease-out forwards fastFadeOut}@keyframes fastFadeOut{to{opacity:0}}@media (width<=800px){.splash-content-wrapper{transform:scale(.75)}}@media (width<=600px){.splash-content-wrapper{transform:scale(.55)}}@media (width<=400px){.splash-content-wrapper{transform:scale(.45)}}:root{--color-bg-primary:#0f1115;--color-bg-glass:#ffffff05;--color-bg-glass-hover:#ffffff0a;--color-accent-light:#fff;--color-text-primary:#fff;--color-text-secondary:#8e939b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-h1:clamp(2.5rem, 5vw, 4rem);--font-h2:clamp(2rem, 4vw, 3.5rem);--font-h3:clamp(1.5rem, 3vw, 2.5rem);--font-h4:clamp(1.2rem, 2vw, 1.5rem);--font-body:clamp(1rem, 2vw, 1.25rem);--space-section:clamp(4rem, 10vw, 8rem);--space-element:clamp(2rem, 5vw, 4rem);--space-gap:clamp(1.5rem, 4vw, 3rem);--container-padding:clamp(1rem, 5vw, 2rem);--glass-border:1px solid #ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-text-primary);font-weight:400;line-height:1.1}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.7}.nav-link{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;perspective:800px;text-align:center;min-width:60px;padding:4px 0;font-size:.85rem;font-weight:500;display:inline-block;position:relative;color:#0000!important}.nav-link:before,.nav-link:after{content:attr(data-text);white-space:nowrap;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s;position:absolute;inset:4px 0 0}.nav-link:before{color:var(--color-text-secondary);transform-origin:50% 100%;opacity:1;transform:translateY(0)rotateX(0)}.nav-link:after{color:#71c4ff;transform-origin:50% 0;opacity:0;text-shadow:0 0 10px #71c4ff80;transform:translateY(100%)rotateX(-90deg)}.nav-link:hover:before{opacity:0;transform:translateY(-100%)rotateX(90deg)}.nav-link:hover:after{opacity:1;transform:translateY(0)rotateX(0)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.footer-link{color:var(--color-text-secondary);transition:color .3s,text-shadow .3s;display:inline-block;position:relative}.footer-link:hover{color:#fff;opacity:1;text-shadow:0 0 12px #fff6}.footer-link:after{content:"";transform-origin:0 100%;background:linear-gradient(90deg,#71c4ff,#0000);width:100%;height:1px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.footer-link:hover:after{transform:scaleX(1)}.container{width:100%;max-width:1200px;padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-section) 0;position:relative}.desktop-menu{align-items:center;gap:2.5rem;display:flex}.mobile-menu-btn{z-index:100;display:none}@media (width<=768px){.desktop-menu{display:none}.mobile-menu-btn{color:#fff;padding:.5rem;font-size:1.5rem;display:block}}.glass-panel{background:var(--color-bg-glass);border:var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:clamp(1.5rem,5vw,3rem);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.glass-panel:hover{background:var(--color-bg-glass-hover);border-color:#ffffff26}@media (width<=768px){.glass-panel{-webkit-backdrop-filter:blur(8px)}}.btn{text-transform:uppercase;letter-spacing:.1em;z-index:1;border-radius:12px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:.85rem;font-weight:500;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;opacity:0;transition:opacity .4s;position:absolute;inset:0}.btn:hover{transform:translateY(-2px)scale(1.05)}.btn:hover:before{opacity:1}.nav-cta-btn{background:var(--color-bg-primary);color:#fff;z-index:1;border-radius:8px;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.nav-cta-btn:before{content:"";z-index:-2;opacity:0;background:conic-gradient(#0000 70%,#71c4ff 100%);width:200%;height:500%;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.nav-cta-btn:after{content:"";z-index:-1;background:#0f1115;border-radius:7px;transition:background .4s;position:absolute;inset:1px}.nav-cta-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #71c4ff66}.nav-cta-btn:hover:before{opacity:1;animation:2s linear infinite rotate-border}@keyframes rotate-border{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.btn-primary{background-color:var(--color-accent-light);color:var(--color-bg-primary);border:1px solid #0000}.btn-primary:before{background:linear-gradient(135deg,#71c4ff66,#60496e66)}.btn-primary:hover{color:#fff;text-shadow:0 0 8px #71c4ffcc;background-color:#0000;border-color:#71c4ffcc;box-shadow:0 5px 15px #0006,inset 0 0 20px #71c4ff4d}.btn-secondary{border:var(--glass-border);color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05}.btn-secondary:before{background:linear-gradient(135deg,#ffffff1a,#0000)}.btn-secondary:hover{color:#fff;text-shadow:0 0 8px #ffffff80;border-color:#ffffff80;box-shadow:0 5px 15px #0000004d,inset 0 0 15px #ffffff1a}#canvas-container{z-index:-1;pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff08 0%,#0000 60%);width:100vw;height:100vh;position:fixed;top:0;left:0}#root{z-index:1;position:relative}