@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Outfit:wght@300;600&family=Playfair+Display:wght@700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}:root{--cyan: #00ffff;--cyan-glow: rgba(0, 255, 255, .4);--orange: #9aff4e;--sync-color: #5eda00;--bg-black: #000000;--card-bg: rgba(20, 20, 20, .09);--card-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-black);color:#fff;font-family:Outfit,sans-serif;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out}.app-container.fade-in{opacity:1}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-black);display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;transition:background-color .5s ease}.intro-overlay.transparent-bg{background-color:transparent}.portal-circle{width:60px;height:60px;border:8px solid black;border-radius:50%;box-sizing:border-box;flex-shrink:0;aspect-ratio:1 / 1;animation:portalColor .5s forwards 0s,portalExpand 5s forwards .5s ease-out}@keyframes portalColor{0%{border-color:#000}to{border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-glow)}}@keyframes portalExpand{0%{width:60px;height:60px;opacity:1}to{width:300vmax;height:300vmax;opacity:0}}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}.countdown-card{background:var(--card-bg);border:8px solid var(--cyan);border-radius:50%;padding:40px;width:600px;aspect-ratio:1 / 1;max-width:90vw;box-shadow:0 0 30px var(--cyan-glow),inset 0 0 20px var(--cyan-glow);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-card:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:transparent;box-shadow:0 0 60px var(--cyan-glow);z-index:-1;pointer-events:none}.title{color:var(--cyan);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:400;letter-spacing:2px;margin-top:28px;text-transform:uppercase}.subtitle{font-size:1em;font-weight:700;margin-top:20px;letter-spacing:1px}.counter-display{font-size:8rem;font-weight:700;color:var(--cyan);margin:0;text-shadow:0 0 20px var(--cyan-glow);font-family:Outfit,sans-serif}.footer-info{margin-top:20px;font-size:1.4rem;color:var(--orange);font-family:Outfit,sans-serif;text-transform:uppercase}.estimated-date{margin-top:10px;font-size:1.2rem;color:#fff;text-transform:none;font-weight:300}.block-height{font-weight:700}@keyframes pulse{0%{text-shadow:0 0 20px var(--cyan-glow)}50%{text-shadow:0 0 40px var(--cyan-glow),0 0 60px rgba(0,255,255,.2)}to{text-shadow:0 0 20px var(--cyan-glow)}}.counter-display{animation:pulse 3s infinite ease-in-out;transition:opacity .3s ease}.counter-display.refreshing{animation:refreshAnimation 3s ease-in-out forwards}@keyframes refreshAnimation{0%{opacity:1}33%{opacity:0}66%{opacity:1}70%{opacity:1;text-shadow:0 0 20px var(--cyan-glow)}75%{opacity:.4;text-shadow:0 0 60px var(--cyan);transform:scale(1.05)}80%{opacity:1;text-shadow:0 0 20px var(--cyan-glow);transform:scale(1)}85%{opacity:.4;text-shadow:0 0 60px var(--cyan);transform:scale(1.05)}90%{opacity:1;text-shadow:0 0 20px var(--cyan-glow);transform:scale(1)}to{opacity:1}}.interval-display{position:absolute;bottom:20px;right:20px;color:var(--sync-color);font-size:.8rem;font-family:Outfit,sans-serif;opacity:1}.top-left-link,.top-right-link{position:absolute;top:20px;color:var(--orange);text-decoration:none;font-family:Outfit,sans-serif;font-size:1rem;opacity:.7;transition:opacity .3s ease;z-index:10}.top-left-link{left:20px}.top-right-link{right:20px;font-size:1.5rem;line-height:1}.top-left-link:hover,.top-right-link:hover{opacity:1;text-decoration:underline}.inspired-container{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;align-items:center}.pointer-icon{height:17px;width:auto;margin-bottom:4px}.inspired-link{color:var(--orange);font-size:1rem;font-family:Outfit,sans-serif;opacity:.7;text-decoration:none;transition:opacity .3s ease;text-align:center}.inspired-link:hover{opacity:1;text-decoration:underline}@media(max-width:650px){.countdown-card{width:90vw;height:90vw;padding:20px;border-width:4px}.countdown-card:before{inset:-6px}.title{font-size:.7rem;margin-top:15px;letter-spacing:1px}.subtitle{font-size:.7rem;margin-top:10px}.counter-display{font-size:4.5rem;margin:10px 0}.footer-info{margin-top:10px;font-size:1rem}.estimated-date{margin-top:5px;font-size:.8rem}.inspired-container,.interval-display{font-size:.6rem;bottom:10px}.inspired-container{left:10px}.interval-display{right:10px}}@media(max-width:400px){.counter-display{font-size:3.5rem}.title,.subtitle{font-size:.6rem}.footer-info{font-size:.8rem}}.more-info-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#aaa;font-size:.65rem;padding:4px 12px;border-radius:20px;cursor:pointer;margin-top:15px;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.more-info-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}.modal-content{background:#111;border:1px solid var(--card-border);width:90%;max-width:500px;height:500px;max-height:90vh;border-radius:12px;position:relative;box-shadow:0 10px 40px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;padding-bottom:40px}.modal-header{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#1a1a1a}.modal-header h3{font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;color:var(--cyan);text-transform:uppercase;margin:0}.close-btn{background:#ffffff1a;color:#fff;border:none;width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.2rem;transition:background .2s ease}.close-btn:hover{background:#fff3}.modal-body{padding:30px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:9px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d}.modal-body::-webkit-scrollbar-thumb{background:var(--cyan-glow);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--sync-color)}.modal-section{margin-bottom:25px}.modal-section:last-child{margin-bottom:0}.modal-subtitle{color:var(--orange);font-size:1rem;text-transform:uppercase;font-family:Outfit,sans-serif;margin-bottom:8px;letter-spacing:.5px}.modal-text{color:#ffffffa1;font-size:1rem;font-weight:300;line-height:1.8;font-family:Outfit,sans-serif;margin:0;padding-right:20px}.modal-text a{color:var(--orange);text-decoration:none;opacity:.8;transition:opacity .3s ease}.modal-text a:hover{opacity:1;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:500px){.modal-subtitle{font-size:1rem}.modal-text{font-size:.9rem}.modal-body{padding:20px}}.animation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:5000;pointer-events:none}.expanding-ring{border:8px solid orange;border-radius:50%;background-color:#ffa5001a;width:0;height:0;flex-shrink:0;aspect-ratio:1 / 1;animation:growRing 3s forwards ease-out;box-sizing:border-box}@keyframes growRing{0%{width:0;height:0;opacity:1;border-width:8px}to{width:300vmax;height:300vmax;opacity:0;border-width:8px}}
