*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{align-items:center;background:linear-gradient(180deg,#0b0b2b,#1a1a3a);color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}#particles-js{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.geometric-background{height:100%;overflow:hidden;position:fixed;width:100%;z-index:2}.shape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff08;border:1px solid #ffffff1a;box-shadow:0 0 20px #529cff1a;position:absolute;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform}.shape:after{background:linear-gradient(45deg,#529cff1a,#7b52ff1a);bottom:0;content:"";filter:blur(5px);left:0;opacity:.5;position:absolute;right:0;top:0}.shape-1{background:radial-gradient(circle at center,#529cff0d 0,#529cff05 50%,#0000 100%);border-radius:50%;height:400px;left:50%;top:50%;width:400px}.shape-2{background:radial-gradient(circle at center,#7b52ff0d 0,#7b52ff05 50%,#0000 100%);border-radius:4px;height:300px;left:50%;top:50%;width:300px}.shape-3{background:radial-gradient(circle at center,#ff52b60d 0,#ff52b605 50%,#0000 100%);border-radius:50%;height:200px;left:50%;top:50%;width:200px}.shape-4{background:radial-gradient(circle at center,#52ffce0d 0,#52ffce05 50%,#0000 100%);border-radius:4px;height:150px;left:50%;top:50%;width:150px}.shape-5{background:radial-gradient(circle at center,#ffc6520d 0,#ffc65205 50%,#0000 100%);border-radius:50%;height:250px;left:50%;top:50%;width:250px}.shape-6{background:radial-gradient(circle at center,#52ff7b0d 0,#52ff7b05 50%,#0000 100%);border-radius:4px;height:180px;left:50%;top:50%;width:180px}.stars{animation:twinkle 2s infinite alternate;background:radial-gradient(circle at center,#ffffff1a 0,#0000 1%);background-size:3px 3px;height:100%;position:fixed;width:100%}@keyframes twinkle{0%{opacity:.3}to{opacity:.7}}.grid-overlay{background-image:linear-gradient(#529cff0d 1px,#0000 0),linear-gradient(90deg,#529cff0d 1px,#0000 0);background-size:50px 50px;height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%}.content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 32px #529cff1a;max-width:600px;padding:3rem;position:relative;text-align:center;width:90%;z-index:3}.content-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.header-line{background:linear-gradient(90deg,#0000,#529cff80,#0000);height:2px;width:50px}h1{color:#fff;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin:0;text-shadow:0 0 10px #529cff80}p{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.telegram-button{background:#0000;border:1px solid #529cff80;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.button-content{align-items:center;display:flex;gap:.5rem;position:relative;z-index:1}.telegram-button:before{background:linear-gradient(45deg,#529cff33,#7b52ff33);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.telegram-button:hover:before{opacity:1}.arrow{stroke:currentColor;stroke-width:2;fill:none;height:18px;transition:transform .3s ease;width:18px}.telegram-button:hover .arrow{transform:translateX(4px)}.interactive-overlay{background:radial-gradient(circle at 50% 50%,#529cff0d 0,#0000 70%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:4}@media (max-width:768px){.content{margin:1rem;padding:2rem}h1{font-size:2rem}.header-line{width:30px}}
/*# sourceMappingURL=main.03408559.css.map*/