@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@700;900&family=Work+Sans:wght@400;500&display=swap";:root,:root.dark{--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e;--text-primary:#e0e0e0;--text-secondary:#b0b0c0;--accent-1:#a78bfa;--accent-2:#22d3ee;--accent-3:#fbbf24;--gradient-start:#a78bfa;--gradient-end:#22d3ee;--shadow-color:#a78bfa66}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bg-pattern{background-image:radial-gradient(circle at 20% 30%, var(--accent-1) 0%, transparent 50%), radial-gradient(circle at 80% 70%, var(--accent-2) 0%, transparent 50%), radial-gradient(circle at 50% 50%, var(--accent-3) 0%, transparent 60%);opacity:.08;filter:blur(60px);width:100%;height:100%;animation:20s ease-in-out infinite patternFloat;position:absolute;top:0;left:0}.bg-gradient{background:conic-gradient(from 0deg at 50% 50%, var(--gradient-start) 0deg, var(--gradient-end) 120deg, var(--accent-3) 240deg, var(--gradient-start) 360deg);opacity:.05;filter:blur(100px);width:200%;height:200%;animation:30s linear infinite gradientSpin;position:absolute;top:-50%;left:-50%}@keyframes patternFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes gradientSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content{z-index:1;text-align:center;width:100%;max-width:900px;padding:2rem;position:relative}.logo-container{opacity:0;margin-bottom:3rem;animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards logoEntrance}.logo-placeholder{width:120px;height:120px;filter:drop-shadow(0 10px 30px var(--shadow-color));margin:0 auto;position:relative}.logo-svg{width:100%;height:100%;animation:3s ease-in-out infinite logoFloat}.logo-shape{animation:2s ease-in-out infinite logoPulse}.gradient-start{stop-color:var(--gradient-start)}.gradient-end{stop-color:var(--gradient-end)}.logo-eye{color:var(--bg-primary)}.logo-eye-left{transform:translate(-15px)}.logo-eye-right{transform:translate(15px)}@keyframes logoEntrance{0%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}@keyframes logoPulse{0%,to{opacity:1}50%{opacity:.8}}.company-name{opacity:0;margin:0 0 1.5rem;font-family:"Exo 2",sans-serif;font-size:clamp(3rem,10vw,7rem);font-weight:900;animation:1s cubic-bezier(.34,1.56,.64,1) .3s forwards nameEntrance;display:inline-block;position:relative}.name-text{background:linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 50%, var(--gradient-start) 100%);-webkit-text-fill-color:transparent;z-index:2;text-shadow:0 0 80px var(--shadow-color);letter-spacing:-.02em;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer;display:inline-block;position:relative}.whoosh-effect{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.whoosh-effect:before,.whoosh-effect:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-1) 20%, var(--accent-2) 50%, var(--accent-1) 80%, transparent 100%);transform-origin:0;filter:blur(1px);width:120%;height:3px;position:absolute;top:50%;left:-10%;transform:translateY(-50%)scaleX(0)}.whoosh-effect:before{animation:2s cubic-bezier(.4,0,.2,1) .8s whoosh;top:30%}.whoosh-effect:after{height:2px;animation:2s cubic-bezier(.4,0,.2,1) 1s whoosh;top:70%}@keyframes nameEntrance{0%{opacity:0;filter:blur(10px);transform:translate(-100px)scale(.8)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes whoosh{0%{opacity:0;transform:translateY(-50%)scaleX(0)}30%{opacity:1}70%{opacity:.5}to{opacity:0;transform:translateY(-50%)scaleX(1)}}.motto{color:var(--text-secondary);letter-spacing:.05em;opacity:0;margin:0 0 3rem;font-size:clamp(.875rem,2vw,1.125rem);font-style:italic;font-weight:400;animation:.8s ease-out 1.2s forwards fadeInUp}.coming-soon{opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:center;gap:.75rem;padding:1rem 2.5rem;animation:.8s ease-out 1.5s forwards fadeInUp;display:inline-flex}.coming-soon-text{background:linear-gradient(90deg, var(--accent-1), var(--accent-2), var(--accent-1));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:500;animation:2s linear infinite shimmer}.dots{align-items:center;gap:.4rem;display:flex}.dot{background:var(--accent-2);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite dotPulse}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@media (width<=768px){.content{padding:1.5rem}.logo-placeholder{width:90px;height:90px}.company-name{margin-bottom:1rem}.motto{margin-bottom:2rem}.coming-soon{padding:.875rem 2rem}}@media (width<=480px){.logo-placeholder{width:70px;height:70px}.coming-soon{gap:.5rem;padding:.75rem 1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}