:root{--primary-color:#007bff;--secondary-color:#6c757d;--text-light:#f8f9fa;--background-dark:#212529;--overlay-color:rgba(0, 0, 0, 0.7);--flag-hover-bg:rgba(255, 255, 255, 0.1);--canvas-gradient-start:#0a1f44;--canvas-gradient-end:#004d99;--canvas-node-color:rgba(255, 255, 255, 0.8);--canvas-line-color:rgba(255, 255, 255, 0.2)}body{margin:0;font-family:'Montserrat',sans-serif;color:var(--text-light);line-height:1.6;overflow:hidden}.hero{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--background-dark)}.logo-container{display:flex;justify-content:center;margin-bottom:20px;animation:fadeInDown 1s ease-out}.main-logo{width:120px;height:auto;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .3));transition:transform 0.3s ease}.main-logo:hover{transform:scale(1.1)}@media (max-width:768px){.main-logo{width:90px}.logo-container{margin-bottom:10px}}.background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);z-index:2}.content{position:relative;z-index:10;max-width:900px;padding:20px}.main-title{font-family:'Montserrat',sans-serif;font-size:4.5em;font-weight:700;margin-bottom:20px;letter-spacing:2px;animation:fadeInDown 1s ease-out}.subtitle{font-family:'Open Sans',sans-serif;font-size:1.5em;color:var(--text-light);margin-bottom:40px;opacity:0;transform:translateY(20px);transition:opacity 0.8s ease-out,transform 0.8s ease-out}.subtitle.is-visible{opacity:1;transform:translateY(0)}.flags-container{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;width:100%;margin:0 auto}.flag-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-light);font-size:1.1em;font-weight:700;padding:15px 25px;border-radius:10px;background-color:rgb(255 255 255 / .08);transition:background-color 0.3s ease,transform 0.3s ease,opacity 0.6s ease;opacity:0;transform:translateY(30px);min-width:140px}.flag-item.is-visible{opacity:1;transform:translateY(0)}.flag-item img{width:80px;height:auto;border-radius:5px;margin-bottom:10px;box-shadow:0 4px 8px rgb(0 0 0 / .2)}.flag-item span{display:block;text-align:center}.flag-item:hover{background-color:var(--flag-hover-bg);transform:translateY(-5px) scale(1.05);box-shadow:0 8px 16px rgb(0 0 0 / .3)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-title{font-size:3em}.subtitle{font-size:1.2em;margin-bottom:30px}.flags-container{flex-direction:column;gap:20px}.flag-item{width:80%;max-width:250px;padding:15px}.flag-item img{width:60px}}@media (max-width:480px){.main-title{font-size:2.5em}.subtitle{font-size:1em}}