.app{width:100%;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.animated-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#3c3c3c66,#000 70%);animation:pulse 8s ease-in-out infinite}.particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;background:#ffffff1a;border-radius:50%;animation:float linear infinite}.particle:nth-child(1){width:3px;height:3px;left:10%;top:80%;animation-duration:15s;animation-delay:0s}.particle:nth-child(2){width:5px;height:5px;left:20%;top:60%;animation-duration:20s;animation-delay:2s}.particle:nth-child(3){width:2px;height:2px;left:30%;top:90%;animation-duration:18s;animation-delay:4s}.particle:nth-child(4){width:4px;height:4px;left:40%;top:70%;animation-duration:22s;animation-delay:1s}.particle:nth-child(5){width:3px;height:3px;left:50%;top:85%;animation-duration:16s;animation-delay:3s}.particle:nth-child(6){width:5px;height:5px;left:60%;top:75%;animation-duration:19s;animation-delay:5s}.particle:nth-child(7){width:2px;height:2px;left:70%;top:65%;animation-duration:21s;animation-delay:2s}.particle:nth-child(8){width:4px;height:4px;left:80%;top:80%;animation-duration:17s;animation-delay:4s}.particle:nth-child(9){width:3px;height:3px;left:90%;top:70%;animation-duration:20s;animation-delay:1s}.particle:nth-child(10){width:2px;height:2px;left:15%;top:50%;animation-duration:18s;animation-delay:3s}@keyframes float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) translate(50px);opacity:0}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.content{text-align:center;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn 1.5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}h1{color:#fff;font-size:clamp(3rem,8vw,5rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0;text-shadow:0 0 30px rgba(255,255,255,.3);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 30px rgba(255,255,255,.3)}50%{text-shadow:0 0 50px rgba(255,255,255,.5)}}.subtitle{color:#aaa;font-size:clamp(1rem,3vw,1.5rem);font-weight:300;letter-spacing:.2em;text-transform:uppercase;margin:0;animation:fadeIn 1.5s ease-out .3s backwards}.description{color:#ccc;font-size:1.1rem;font-weight:400;line-height:1.6;max-width:600px;margin:1rem 0;padding:0 20px}.beta-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;margin-top:1rem;background:linear-gradient(135deg,#fff,#e0e0e0);color:#000;text-decoration:none;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 30px #fff3;animation:fadeIn 1.5s ease-out .6s backwards}.beta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.beta-btn:hover:before{left:100%}.beta-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 50px #fff6}.beta-btn:active{transform:translateY(-1px) scale(1.02)}.btn-icon{width:24px;height:24px;flex-shrink:0;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.content{gap:1.5rem;padding:0 20px}h1{letter-spacing:.1em}.subtitle{letter-spacing:.15em}.description{font-size:.95rem}.beta-btn{padding:14px 30px;width:100%;max-width:320px;justify-content:center}.btn-icon{width:20px;height:20px}}@media (max-width: 480px){.content{gap:1.2rem}h1{letter-spacing:.08em}.beta-btn{padding:12px 24px;font-size:.85rem;gap:8px}}.footer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#666;font-size:.85rem;font-weight:300;letter-spacing:.05em;text-align:center;z-index:10}.footer p{margin:0;line-height:1.5}@media (max-width: 768px){.footer{font-size:.75rem;bottom:15px}}@media (min-width: 1920px){h1{font-size:6rem}.subtitle{font-size:2rem}.beta-btn{font-size:1.2rem;padding:20px 50px}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeOut .5s ease-out 1.8s forwards}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.preloader-text{color:#fff;font-size:2rem;font-weight:300;letter-spacing:.2em;text-align:center;background:linear-gradient(90deg,#fff,#888,#fff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-bar{width:300px;height:3px;background-color:#ffffff1a;border-radius:10px;overflow:hidden}.loading-progress{height:100%;background:linear-gradient(90deg,#fff,#aaa);border-radius:10px;animation:loadProgress 2s ease-out forwards;box-shadow:0 0 10px #ffffff80}@keyframes loadProgress{0%{width:0%}to{width:100%}}@media (max-width: 768px){.preloader-text{font-size:1.5rem}.loading-bar{width:250px}}@media (max-width: 480px){.preloader-text{font-size:1.2rem}.loading-bar{width:200px}}.preloader-footer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#666;font-size:.85rem;font-weight:300;letter-spacing:.05em;text-align:center}.preloader-footer p{margin:0;line-height:1.5}.cookie-consent{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;animation:slideDown .4s ease-out;background:#1e1e1ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;box-shadow:0 4px 20px #00000080;border:1px solid rgba(255,255,255,.1)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.cookie-content{display:flex;align-items:center;justify-content:center;gap:20px}.cookie-text{color:#ccc;font-size:.85rem;font-weight:300;line-height:1.5;margin:0}.cookie-buttons{display:flex;gap:10px;flex-shrink:0}.cookie-btn{padding:8px 20px;border:none;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.cookie-btn.accept{background:linear-gradient(135deg,#fff,#e0e0e0);color:#000}.cookie-btn.accept:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d}.cookie-btn.decline{background:transparent;color:#ccc;border:1px solid rgba(255,255,255,.3)}.cookie-btn.decline:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}@media (max-width: 768px){.cookie-consent{top:15px;left:15px;right:15px;transform:none;padding:15px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-content{flex-direction:column;align-items:stretch;gap:12px}.cookie-text{font-size:.8rem;text-align:center}.cookie-buttons{width:100%;gap:8px}.cookie-btn{flex:1;padding:10px 16px;font-size:.75rem}}@media (max-width: 480px){.cookie-consent{top:10px;left:10px;right:10px;padding:12px}.cookie-text{font-size:.75rem}.cookie-btn{font-size:.7rem;padding:9px 14px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}