*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{background:radial-gradient(circle at center,#0a0a0a 0,#000 100%);height:100vh;overflow:hidden;position:relative;width:100vw}.background-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(#00ffff1a 1px,#0000 0),linear-gradient(90deg,#00ffff1a 1px,#0000 0);background-size:50px 50px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.background-glow{animation:backgroundPulse 6s ease-in-out infinite alternate;background:radial-gradient(circle,#00ffff1a 0,#0080ff0d 30%,#8000ff05 60%,#0000 100%);height:200%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%;z-index:1}.App-header{align-items:center;animation:fadeIn .5s ease-in-out;display:flex;height:100vh;justify-content:center;position:relative;width:100%;z-index:2}.App:before{animation:patternShift 15s linear infinite;background:linear-gradient(45deg,#0000 48%,#00ffff08 49%,#00ffff08 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#8000ff05 49%,#8000ff05 51%,#0000 52%);background-size:30px 30px;height:100%;left:0;top:0;width:100%}.App:after,.App:before{content:"";position:absolute;z-index:1}.App:after{animation:slowRotate 30s linear infinite;background:radial-gradient(circle,#00ffff03 0,#0000 50%);height:200%;left:-50%;top:-50%;width:200%}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes backgroundPulse{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes patternShift{0%{background-position:0 0,0 0}to{background-position:30px 30px,-30px 30px}}@keyframes slowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App .particle{animation:particleFloat 8s ease-in-out infinite;background:#0ff9;border-radius:50%;height:2px;position:absolute;width:2px;z-index:1}.App .particle:first-child{animation-delay:0s;animation-duration:6s;left:10%;top:20%}.App .particle:nth-child(2){animation-delay:2s;animation-duration:8s;right:15%;top:80%}.App .particle:nth-child(3){animation-delay:4s;animation-duration:7s;bottom:30%;left:80%}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-20px) scale(1.2)}}@media (max-width:768px){.background-grid{background-size:30px 30px}.App:before{background-size:20px 20px}}.game-container{align-items:center;animation:fadeIn .5s ease-in-out;display:flex;height:100vh;justify-content:center;position:relative;width:100%;z-index:2}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.logo-container{justify-content:center;min-height:100vh;position:relative;z-index:2}.logo,.logo-container{align-items:center;display:flex}.logo{animation:logoFadeIn 2s ease-out;cursor:pointer;gap:2rem;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.logo:active{transform:scale(.95)}.logo-icon{height:120px;position:relative;width:120px}.hexagon{height:100%;position:relative;transform:rotate(30deg);width:100%}.hexagon-inner{align-items:center;animation:hexagonGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#0ff,#0080ff,#8000ff);box-shadow:0 0 30px #00ffff80,0 0 60px #00ffff4d,inset 0 0 30px #ffffff1a;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;height:100%;justify-content:center;width:100%}.logo-symbol{color:#fff;font-family:Arial,sans-serif;font-size:3rem;font-weight:900;letter-spacing:-2px;text-shadow:0 0 10px #fffc,0 0 20px #0ff9;transform:rotate(-30deg)}.pulse-ring{animation:pulseRing 2s ease-out infinite;border:2px solid #0ff9;border-radius:50%;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.pulse-ring.delay-1{animation-delay:.7s;border-color:#0080ff66}.pulse-ring.delay-2{animation-delay:1.4s;border-color:#8000ff4d}.logo-text{align-items:flex-start;display:flex;flex-direction:column}.company-name{animation:textGlow 2s ease-in-out infinite alternate;color:#fff;font-family:Arial,sans-serif;font-size:4rem;font-weight:900;letter-spacing:8px;margin-bottom:.5rem;text-shadow:0 0 20px #0ffc,0 0 40px #0ff6}.company-tagline{animation:taglineFade 3s ease-in-out infinite alternate;border-left:3px solid #0ff;color:#ffffffb3;font-size:1.2rem;font-weight:300;letter-spacing:6px;margin-left:.5rem;padding-left:1rem;text-transform:uppercase}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hexagonGlow{0%{box-shadow:0 0 30px #00ffff80,0 0 60px #00ffff4d,inset 0 0 30px #ffffff1a}to{box-shadow:0 0 50px #0ffc,0 0 80px #00ffff80,inset 0 0 40px #fff3}}@keyframes pulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes textGlow{0%{text-shadow:0 0 20px #0ffc,0 0 40px #0ff6}to{text-shadow:0 0 30px #0ff,0 0 60px #0ff9}}@keyframes taglineFade{0%{opacity:.7}to{opacity:1}}@media (max-width:768px){.logo{flex-direction:column;gap:1rem;text-align:center}.company-name{font-size:2.5rem;letter-spacing:4px}.company-tagline{border-left:none;border-top:2px solid #0ff;font-size:1rem;letter-spacing:3px;margin-left:0;padding-left:0;padding-top:.5rem}.logo-icon{height:80px;width:80px}.logo-symbol{font-size:2rem}.pulse-ring{height:80px;width:80px}}.click-counter{animation:counterPulse .5s ease-out;bottom:-60px;color:#0ffc;font-size:1.2rem;font-weight:600;left:50%;position:absolute;text-shadow:0 0 10px #0ff9;transform:translateX(-50%)}@keyframes counterPulse{0%{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%) scale(1)}}.snake-game{flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:10}.game-header,.snake-game{align-items:center;display:flex}.game-header{justify-content:space-between;margin-bottom:2rem;max-width:600px;width:100%}.game-title{color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:4px;margin:0;text-shadow:0 0 20px #0ffc,0 0 40px #0ff6}.game-score{color:#00ffffe6;font-size:1.5rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #0ff9}.game-board{grid-gap:1px;background:#00ffff1a;border:2px solid #00ffff4d;border-radius:8px;box-shadow:0 0 30px #00ffff4d,inset 0 0 30px #00ffff1a;display:grid;gap:1px;grid-template-columns:repeat(20,25px);grid-template-rows:repeat(20,25px);padding:10px}.game-cell{align-items:center;background:#0000004d;border-radius:2px;display:flex;height:25px;justify-content:center;transition:all .1s ease;width:25px}.game-cell.snake{background:linear-gradient(45deg,#0ff,#0080ff);border-radius:3px;box-shadow:0 0 10px #0ff9,inset 0 0 5px #ffffff4d}.game-cell.snake-head{background:linear-gradient(45deg,#0ff,#8000ff);box-shadow:0 0 15px #0ffc,inset 0 0 8px #fff6;transform:scale(1.1)}.game-cell.food{animation:foodPulse 1s ease-in-out infinite alternate;background:#8000ff33;border:2px solid #8000ff99;border-radius:50%}.food-logo{animation:logoRotate 2s linear infinite;color:#fff;font-size:14px;font-weight:900;text-shadow:0 0 8px #8000ffcc,0 0 16px #8000ff66}.game-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:20}.game-message{background:#000000e6;border:2px solid #00ffff80;border-radius:12px;box-shadow:0 0 40px #00ffff4d,inset 0 0 20px #00ffff1a;color:#fff;padding:3rem;text-align:center}.game-message h2{font-size:3rem;font-weight:900;letter-spacing:3px;margin-bottom:1rem;text-shadow:0 0 20px #0ffc,0 0 40px #0ff6}.game-message p{color:#fffc;font-size:1.2rem;letter-spacing:1px;margin-bottom:.5rem}.game-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.game-button{background:linear-gradient(45deg,#0ff,#0080ff);border:none;border-radius:6px;box-shadow:0 0 20px #0ff6,inset 0 0 10px #fff3;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.game-button:hover{box-shadow:0 5px 25px #0ff9,inset 0 0 15px #ffffff4d;transform:translateY(-2px)}.game-button:active{transform:translateY(0)}@keyframes foodPulse{0%{box-shadow:0 0 10px #8000ff99;transform:scale(1)}to{box-shadow:0 0 20px #8000ffe6;transform:scale(1.2)}}@keyframes logoRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.snake-game{padding:1rem}.game-title{font-size:1.8rem;letter-spacing:2px}.game-score{font-size:1.2rem}.game-board{grid-template-columns:repeat(20,18px);grid-template-rows:repeat(20,18px);padding:8px}.game-cell{height:18px;width:18px}.food-logo{font-size:10px}.game-message{margin:1rem;padding:2rem}.game-message h2{font-size:2rem}.game-buttons{align-items:center;flex-direction:column}.game-button{width:200px}}
/*# sourceMappingURL=main.fc02c990.css.map*/