@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;700&display=swap";.background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;transition:all 1s ease-in-out}.background.daylight{background:var(--night-gradient)}.background.sunset{background:var(--sunset-gradient)}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;background:radial-gradient(ellipse at center,transparent 40%,var(--dark-bg) 100%)}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--neon-cyan) 1px,transparent 1px),linear-gradient(90deg,var(--neon-cyan) 1px,transparent 1px);background-size:50px 50px;opacity:.1;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,var(--neon-cyan),transparent),radial-gradient(2px 2px at 40% 70%,var(--neon-purple),transparent),radial-gradient(1px 1px at 90% 40%,var(--neon-pink),transparent),radial-gradient(1px 1px at 10% 80%,var(--neon-green),transparent);background-repeat:repeat;background-size:300px 300px;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.8}to{opacity:.3}}.sun{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,var(--neon-orange) 0%,var(--neon-pink) 70%);border-radius:50%;box-shadow:0 0 60px var(--neon-orange),0 0 100px var(--neon-pink);animation:pulse 4s ease-in-out infinite alternate}@keyframes pulse{0%{transform:translate(-50%) scale(1);box-shadow:0 0 60px var(--neon-orange),0 0 100px var(--neon-pink)}to{transform:translate(-50%) scale(1.1);box-shadow:0 0 80px var(--neon-orange),0 0 120px var(--neon-pink)}}.mountains{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(135deg,transparent 40%,var(--dark-bg) 41%),linear-gradient(-135deg,transparent 40%,var(--dark-bg) 41%);background-size:40px 40px;opacity:.8}.app{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;max-width:1200px;margin:0 auto}.time-display{margin-bottom:4rem;text-align:center}.time-display.loading{color:var(--neon-cyan);font-size:2rem}.time-display.countdown .main-countdown{font-family:Orbitron,monospace;font-size:clamp(2.5rem,8vw,6rem);font-weight:900;margin:0 0 2rem;background:linear-gradient(45deg,var(--neon-pink),var(--neon-cyan),var(--neon-purple));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow 3s ease-in-out infinite;text-shadow:0 0 30px rgba(255,0,128,.5)}@keyframes rainbow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.progress-bar{width:100%;max-width:600px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:0 auto;border:1px solid var(--neon-cyan);box-shadow:0 0 20px #00ffff4d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));width:0%;animation:progressPulse 2s ease-in-out infinite alternate}@keyframes progressPulse{0%{box-shadow:0 0 5px var(--neon-cyan)}to{box-shadow:0 0 20px var(--neon-cyan),0 0 30px var(--neon-pink)}}.time-display.after-hours{position:relative}.sunset-backdrop{position:relative;z-index:2}.celebration-message{font-family:"Exo 2",sans-serif;font-size:clamp(2rem,6vw,4rem);font-weight:700;margin:0 0 2rem;color:var(--neon-orange);text-shadow:0 0 20px var(--neon-orange),0 0 40px var(--neon-pink);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px var(--neon-orange),0 0 40px var(--neon-pink);transform:scale(1)}to{text-shadow:0 0 30px var(--neon-orange),0 0 60px var(--neon-pink);transform:scale(1.02)}}.palm-trees{position:relative;height:200px;margin-top:2rem}.palm-trees:before,.palm-trees:after{content:"🌴";position:absolute;font-size:4rem;bottom:0;filter:hue-rotate(180deg) brightness(.5);animation:sway 4s ease-in-out infinite alternate}.palm-trees:before{left:20%;animation-delay:-1s}.palm-trees:after{right:20%;animation-delay:1s}@keyframes sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.timezone-list{width:100%;max-width:800px}.timezone-header{font-family:Orbitron,monospace;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin:0 0 3rem;text-align:center;color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink)}.timezone-section{margin-bottom:3rem}.section-title{font-family:"Exo 2",sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center;text-transform:uppercase;letter-spacing:2px}.timezone-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:1rem 1.5rem;margin-bottom:.5rem;background:#ffffff0d;border:1px solid rgba(0,255,255,.3);border-radius:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timezone-item:hover{background:#ffffff1a;border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.timezone-item.current-five{border-color:var(--neon-pink);background:#ff00801a;animation:currentFivePulse 2s ease-in-out infinite alternate}@keyframes currentFivePulse{0%{box-shadow:0 0 10px #ff00804d;border-color:var(--neon-pink)}to{box-shadow:0 0 30px #ff008099;border-color:var(--neon-orange)}}.timezone-city{font-family:"Exo 2",sans-serif;font-weight:700;font-size:1.1rem;color:var(--neon-cyan)}.timezone-time{font-family:Orbitron,monospace;font-weight:700;font-size:1.2rem;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}.timezone-status{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.timezone-remaining{font-family:Orbitron,monospace;font-size:.9rem;color:var(--neon-purple);opacity:.8}@media (max-width: 768px){.app{padding:1rem}.timezone-item{grid-template-columns:1fr;gap:.5rem;text-align:center}.timezone-city{font-size:1.2rem}.timezone-time{font-size:1.4rem}.section-title{font-size:1.2rem}}@media (max-width: 480px){.palm-trees:before,.palm-trees:after{font-size:2.5rem}.sun{width:150px;height:150px}}:root{--neon-pink: #ff0080;--neon-cyan: #00ffff;--neon-purple: #8000ff;--neon-green: #00ff41;--neon-orange: #ff8000;--electric-blue: #0040ff;--dark-bg: #0a0a0a;--purple-dark: #1a0033;--pink-dark: #330011;--sunset-gradient: linear-gradient(180deg, #ff0080 0%, #ff8000 50%, #ffff00 100%);--night-gradient: linear-gradient(180deg, #0a0a0a 0%, #1a0033 50%, #330011 100%);--grid-gradient: linear-gradient(90deg, transparent 98%, var(--neon-cyan) 100%);font-family:Orbitron,"Exo 2",monospace,sans-serif;line-height:1.4;font-weight:400;color-scheme:dark;color:var(--neon-cyan);background:var(--night-gradient);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;position:relative}#root{min-height:100vh;position:relative;z-index:10}.neon-pink{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink),0 0 15px var(--neon-pink),0 0 20px var(--neon-pink)}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 15px var(--neon-cyan),0 0 20px var(--neon-cyan)}.neon-purple{color:var(--neon-purple);text-shadow:0 0 5px var(--neon-purple),0 0 10px var(--neon-purple),0 0 15px var(--neon-purple),0 0 20px var(--neon-purple)}.neon-green{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green),0 0 10px var(--neon-green),0 0 15px var(--neon-green),0 0 20px var(--neon-green)}