:root{--primary-bg: #0a0a0a;--container-bg: rgba(23, 27, 42, .6);--glass-border: rgba(255, 255, 255, .1);--text-color: #e0e0e0;--text-secondary: #a0a0a0;--accent-start: #00f2fe;--accent-end: #4facfe;--accent-gradient: linear-gradient(90deg, var(--accent-start), var(--accent-end));font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body{margin:0;padding:0;width:100%;background-color:var(--primary-bg);color:var(--text-color)}.aurora-background{position:fixed;top:50%;left:50%;width:1400px;height:1400px;margin-top:-700px;margin-left:-700px;background:radial-gradient(circle,#00f2fe33,#4facfe1a 30%,#0d1b2a00 70%);animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box}.container{background:var(--container-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:2rem 3rem;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:800px;width:100%;text-align:center;transition:all .3s ease-in-out;position:relative}.page{display:none;animation:fadeIn .5s ease-in-out}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:1rem}.logo{width:50px;height:50px;animation:spin 20s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2{font-weight:700;margin:0;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4)}h1{font-size:3rem;margin-bottom:.5rem}h2{font-size:2.5rem;margin-bottom:1rem}p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.subtitle{font-size:1.1rem;color:var(--text-secondary);border-right:.15em solid var(--accent-start);white-space:nowrap;overflow:hidden;margin:0 auto 2rem;letter-spacing:.1em;max-width:max-content;animation:typing 3s steps(30,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-start)}}.action-button{position:relative;overflow:hidden;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.8rem 2rem;border-radius:50px;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:75%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;transform:skew(-25deg)}.action-button:hover:before{left:125%}.action-button:hover{background:#ffffff26;box-shadow:0 6px 20px #0000004d}.action-button:active{background:#ffffff1a;box-shadow:0 4px 15px #0003}.menu-container{position:fixed;top:1.75rem;left:1.75rem;z-index:1001}.menu-button{background:transparent;border:none;cursor:pointer;padding:0;width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between}.menu-button span{display:block;width:100%;height:3px;background-color:var(--text-color);border-radius:3px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.menu-button.is-active .bar1{transform:rotate(45deg) translate(6px,7px)}.menu-button.is-active .bar2{opacity:0}.menu-button.is-active .bar3{transform:rotate(-45deg) translate(6px,-7px)}.dropdown-menu{position:absolute;top:calc(100% + 15px);left:0;background:var(--container-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000004d;opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden;transition:all .3s ease;z-index:1000;min-width:200px;text-align:left;transform-origin:top left}.dropdown-menu.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.dropdown-menu ul{list-style:none;margin:0;padding:.5rem}.dropdown-menu li a,.dropdown-menu li button{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1.25rem;color:var(--text-color);text-decoration:none;border-radius:8px;transition:background-color .2s ease,color .2s ease;background-color:transparent;border:none;font-family:Poppins,sans-serif;font-size:1rem;cursor:pointer;box-sizing:border-box}.dropdown-menu li a:hover,.dropdown-menu li button:hover{background-color:#ffffff1a;color:#fff}#flag-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.flag-button{background:transparent;border:none;padding:0;cursor:pointer;border-radius:50%;transition:all .3s ease;opacity:.6}.flag-button img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}.flag-button:hover{opacity:1;transform:scale(1.1)}.flag-button.active{opacity:1;transform:scale(1.1);box-shadow:0 0 15px var(--accent-start)}@media(max-width:768px){.container{padding:1.5rem 2rem}.logo{width:40px;height:40px}h1{font-size:2.2rem}.subtitle{font-size:1rem}}@media(max-width:480px){#root{align-items:flex-start;padding:0}.container{padding:1.5rem 1rem;box-shadow:none;border-radius:0;min-height:100vh;box-sizing:border-box;border:none}.logo-container{margin-top:3.5rem;margin-bottom:1rem}.logo{width:35px;height:35px}h1{font-size:2rem}h2{font-size:1.8rem}.subtitle{font-size:.9rem;letter-spacing:.05em}.menu-container{top:1.5rem;left:1rem}}