*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#8b5cf6;--green:#34d399;--blue:#60a5fa;--pink:#f9a8d4;--lilac:#c084fc;--bg-dark:#0a0a0f;--bg-card:#8b5cf60f;--text-primary:#e8e8f0;--text-secondary:#9898b0}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.bg-container{z-index:0;position:fixed;inset:0;overflow:hidden}.wave{opacity:.08;border-radius:45%;width:200%;height:60%;animation:20s ease-in-out infinite waveFloat;position:absolute}.wave-1{background:linear-gradient(135deg, var(--purple), var(--green));animation-duration:22s;top:-30%;left:-50%}.wave-2{background:linear-gradient(225deg, var(--blue), var(--purple));animation-duration:26s;animation-delay:-5s;bottom:-40%;right:-50%}.wave-3{background:linear-gradient(180deg, var(--green), var(--blue));opacity:.05;width:150%;height:40%;animation-duration:30s;animation-delay:-10s;top:20%;left:-30%}@keyframes waveFloat{0%,to{transform:rotate(0)translate(0)}25%{transform:rotate(2deg)translate(20px,-30px)}50%{transform:rotate(-1deg)translate(-10px,20px)}75%{transform:rotate(1deg)translate(15px,10px)}}.grid-overlay{background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.main-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.logo-container{margin-bottom:1rem;animation:1s ease-out fadeInUp}.logo{filter:drop-shadow(0 0 40px #8b5cf633);width:min(340px,80vw);height:auto}.tagline{color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase;margin-bottom:2.5rem;font-family:JetBrains Mono,monospace;font-size:clamp(.75rem,2vw,.95rem);animation:1s ease-out .2s both fadeInUp}.coming-soon{background:linear-gradient(135deg, var(--purple), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;animation:1s ease-out .4s both fadeInUp}.subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:3rem;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;animation:1s ease-out .6s both fadeInUp}.carousel-section{cursor:grab;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;margin-bottom:3rem;padding:1rem 0;animation:1s ease-out .8s both fadeInUp;overflow:auto hidden}.carousel-section::-webkit-scrollbar{display:none}.carousel-section.is-dragging{cursor:grabbing}.carousel-track{pointer-events:none;gap:1.5rem;width:max-content;animation:70s linear infinite scrollCards;display:flex}.carousel-section:hover .carousel-track,.carousel-section.is-dragging .carousel-track{animation-play-state:paused}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #8b5cf61f;border-radius:12px;flex-shrink:0;width:280px;padding:1.5rem;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.card:hover{border-color:#8b5cf64d;box-shadow:0 0 30px #8b5cf614}.card-circuit{opacity:.08;width:80px;height:80px;position:absolute;top:0;right:0}.card-title{color:var(--text-primary);letter-spacing:.5px;margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500}.card-description{color:var(--text-secondary);font-size:.85rem;line-height:1.5}@keyframes scrollCards{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact{text-align:center;animation:1s ease-out 1s both fadeInUp}.contact-label{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem}.contact-email{color:var(--purple);font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2.5vw,1.2rem);text-decoration:none;transition:color .3s;position:relative}.contact-email:hover{color:var(--green)}.contact-email:after{content:"";background:linear-gradient(90deg, var(--purple), var(--green));width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.contact-email:hover:after{transform:scaleX(1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.card{width:240px;padding:1.25rem}.carousel-track{gap:1rem}}