body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Circular,Helvetica Neue,Arial,sans-serif;background-color:#121212;color:#fff}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.hidden{display:none!important}#progress-container{position:absolute;top:10px;left:0;width:100%;display:flex;padding:0 10px;box-sizing:border-box;z-index:20;gap:5px}.progress-bar{flex:1;height:4px;background-color:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;width:0%;transition:width .3s linear}.progress-bar.completed .progress-fill,.progress-bar.active .progress-fill{width:100%}.tap-zone{position:absolute;top:0;height:100%;width:30%;z-index:15}#tap-left{left:0}#tap-right{right:0}#slides-container{width:100%;height:100%;position:relative}.slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;z-index:0;transition:opacity .5s ease-in-out;transition-delay:.5s;pointer-events:none;padding:20px;box-sizing:border-box;text-align:center}.slide.active{opacity:1;z-index:1;transition-delay:0s;pointer-events:auto}.slide-intro{background-color:#e91e63}.slide-trips{background-color:#9c27b0}.slide-distance{background-color:#2196f3}.slide-countries{background-color:#ff9800}.slide-top-country{background-color:#4caf50}.slide-outro{background-color:#000}.slide-map{background-color:#1e1e1e}#wrapped-map{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.map-overlay{position:absolute;bottom:50px;left:0;width:100%;text-align:center;pointer-events:none;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding-bottom:20px;padding-top:50px}h1{font-size:4rem;margin-bottom:1rem;font-weight:900}h2{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}p{font-size:1.5rem;line-height:1.6;font-weight:500}.stat-number{font-size:6rem;font-weight:900;color:#fff;display:block;margin:20px 0;text-shadow:2px 2px 10px rgba(0,0,0,.3)}#controls{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 50px;box-sizing:border-box;z-index:10}button{background:#fff3;border:none;color:#fff;padding:12px 24px;border-radius:30px;cursor:pointer;font-size:1rem;transition:background .3s,transform .2s;font-weight:700}button:hover{background:#fff6;transform:scale(1.05)}button:disabled{opacity:.3;cursor:not-allowed;transform:none}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.slide.active h1,.slide.active h2,.slide.active p{animation:slideInUp .8s cubic-bezier(.165,.84,.44,1) forwards}.slide.active .stat-number{animation:zoomIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.slide.active h1{animation-delay:.1s}.slide.active h2{animation-delay:.2s}.slide.active .stat-number{animation-delay:.4s}.slide.active p{animation-delay:.6s}.floating-emoji{position:absolute;font-size:4rem;opacity:.15;animation:float 6s ease-in-out infinite;z-index:-1}