@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatArrow{0%{transform:translateX(0)}50%{transform:translateX(5px)}100%{transform:translateX(0)}}@keyframes glowText{0%{text-shadow:0 0 3px rgba(124,58,237,.3)}50%{text-shadow:0 0 12px rgba(124,58,237,.6)}100%{text-shadow:0 0 3px rgba(124,58,237,.3)}}@keyframes pulseIcon{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(124,58,237,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(124,58,237,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(124,58,237,0)}}@keyframes cityCardRise{0%{transform:translateY(0)}100%{transform:translateY(-5px)}}@keyframes topBarGrow{0%{height:4px}100%{height:6px}}@keyframes hourChange{0%{color:var(--primary-color);transform:scale(1.1);text-shadow:0 0 8px rgba(109,40,217,.4)}100%{color:var(--text-primary);transform:scale(1);text-shadow:none}}@keyframes timePulse{0%{color:var(--primary-color);transform:scale(1.05)}100%{color:var(--text-primary);transform:scale(1)}}@keyframes blinkSeparator{0%,50%{opacity:1}100%,51%{opacity:.5}}@keyframes digitChange{0%{transform:translateY(-2px);opacity:.7}100%{transform:translateY(0);opacity:1}}.animate-fade{animation:fadeIn .5s ease-in-out}.animate-slide{animation:slideUp .5s ease-in-out}.time-pulse{animation:timePulse 1s ease}.hour-change{animation:hourChange 1.5s ease}header.scrolled{box-shadow:0 5px 20px rgba(37,99,235,.1)}.logo:hover{transform:translateY(-2px)}.nav-menu a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-accent);transition:width .3s ease;border-radius:2px}.nav-menu a:hover::after{width:100%}.nav-menu a.active{color:var(--accent-color);font-weight:700}.nav-menu a.active::after{width:100%;background:var(--gradient-hybrid)}.nav-menu .dropdown{position:relative;height:100%;display:flex;align-items:center}.dropdown-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer;color:var(--text-secondary);text-decoration:none;font-weight:600;transition:all .3s ease;font-size:1rem}.dropdown-toggle:hover{color:var(--accent-color)}.dropdown-toggle i{font-size:.85rem;transition:transform .3s ease}.nav-menu .dropdown:hover .dropdown-toggle i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:200px;background-color:var(--card-bg);border-radius:.75rem;padding:.75rem 0;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;border:1px solid rgba(37,99,235,.1)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.btn-primary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 75%);opacity:0;transition:opacity .3s ease}.btn-primary:hover::before{opacity:1}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 12px rgba(109,40,217,.25)}.btn-outline:hover{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(251,191,36,.1));border-color:var(--tertiary-color);color:var(--tertiary-dark);transform:translateY(-3px);box-shadow:0 8px 15px rgba(245,158,11,.25)}.btn-outline:hover::before{opacity:1;animation:gold-shimmer 2s infinite}.btn-outline:active{transform:translateY(1px);box-shadow:0 4px 8px rgba(245,158,11,.2)}.btn-outline i{transition:transform .3s ease}.btn-outline:hover i{transform:translateY(-1px);color:var(--tertiary-color)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--accent-color);color:#fff}.dark-theme .theme-toggle:hover{background:var(--primary-color);color:#fff}@media (max-width:768px){.theme-toggle:hover{transform:translateY(-3px) scale(1.05)}.theme-toggle:active{transform:translateY(0) scale(.95)}}.theme-toggle:hover .theme-toggle-tooltip{opacity:1;transform:translateY(0)}.btn:hover i{transform:translateX(-2px)}.time-result-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.1);animation:cityCardRise .3s forwards}.time-result-card:hover::before{height:8px;animation:topBarGrow .3s forwards}.time-result-card:hover .city-icon{transform:scale(1.1) rotate(10deg);transition:transform .3s ease}.seconds-separator{animation:blinkSeparator 1s infinite}.meeting-timezone-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.meeting-timezone-item:hover::before{width:8px}.meeting-timezone-item:hover .city-icon{transform:scale(1.1);box-shadow:0 6px 12px rgba(124,58,237,.15);animation:pulseIcon 1s infinite}.timezone-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);transition:all .3s ease}.timezone-tag:hover::before{opacity:.07;transition:opacity .3s ease}.timezone-tag:hover .city-icon{animation:pulseIcon 1.2s infinite}.result-arrow{cursor:pointer;position:relative}.result-arrow:active{animation:floatArrow .5s ease-in-out}.result-arrow.pulse{animation:glowText 1s ease-in-out}.time-diff-result{animation:fadeIn .5s ease-in-out}.time-diff-result:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.time-diff-fact:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.diff-location-hours:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(37,99,235,.1);border-color:rgba(37,99,235,.1)}.feature-card:hover::before{opacity:1}.feature-card:hover .feature-icon{transform:scale(1.1)}.accordion-header[aria-expanded=true] i{transform:rotate(180deg)}.faq-item.active .faq-answer{padding:0 1.5rem 1.5rem;max-height:500px;opacity:1}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.25)}.schedule-meeting-options.show{display:block}.schedule-option:hover{background-color:var(--secondary-bg)}.hero-image:hover{transform:translateY(-10px)}.time-illustration:hover{filter:drop-shadow(0 15px 30px rgba(37, 99, 235, .3))}.weekend-warning .warning-close:hover{color:var(--warning-color)}.meeting-timezone-item .remove-timezone-btn:hover{color:var(--error-color);background-color:rgba(239,68,68,.1);opacity:1}.timezone-tag .remove-btn:hover{opacity:1;color:var(--error-color);transform:scale(1.1)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:100;display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--card-bg);border-radius:.5rem;padding:1.5rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg)}.social-links a:hover{color:var(--accent-color);transform:translateY(-3px);background-color:rgba(37,99,235,.1);box-shadow:0 5px 15px rgba(37,99,235,.15)}.footer-section a:hover{color:var(--accent-color)}.footer-section a:hover::after{width:100%}.promo-link:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(109,40,217,.2)}.promo-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(124,58,237,.2)}.promo-banner:hover .promo-icon{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 12px rgba(124,58,237,.25)}.promo-link:active{transform:translateY(1px)}@media (max-width:768px){.promo-banner:hover{transform:translateY(-3px)}}@media (max-width:768px){.nav-menu.active{left:0;display:flex;flex-direction:column;align-items:center}.nav-menu .dropdown.active .dropdown-menu{max-height:500px;padding:.5rem 0;width:100%;display:flex;flex-direction:column;align-items:center}.nav-menu .dropdown.active .dropdown-toggle i{transform:rotate(180deg)}}.advanced-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.input-group-advanced{position:relative;margin-bottom:1.5rem}.input-group-advanced label{position:absolute;top:-.5rem;left:.75rem;background-color:var(--card-bg);padding:0 .5rem;font-size:.75rem;color:var(--text-secondary)}@media print{.ad-container,footer,header,nav{display:none!important}body{background-color:#fff;color:#000}.card{box-shadow:none;border:1px solid #ddd}.print-only{display:block!important}.no-print{display:none!important}}.bmc-button{margin:0!important;padding:.5rem 1rem!important;line-height:1.5!important;border-radius:.5rem!important}.ad-container iframe{border:none!important;overflow:hidden!important}.timezone-tag{display:flex;align-items:center;padding:.75rem 1rem;border-radius:2rem;margin:.5rem .25rem;transition:all .3s ease;background:linear-gradient(135deg,var(--card-bg) 0,rgba(255,255,255,.8) 100%);border:1px solid rgba(124,58,237,.15);box-shadow:0 4px 8px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);backdrop-filter:blur(4px);overflow:hidden;position:relative}.timezone-tag::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(124,58,237,.1) 0,rgba(37,99,235,.1) 100%);opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:0;transform:translateY(100%)}.timezone-tag:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.05);border-color:rgba(124,58,237,.3)}.timezone-tag:hover::before{opacity:1;transform:translateY(0)}.timezone-tag .city-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-primary);border-radius:50%;color:#fff;margin-right:.75rem;font-size:1rem;box-shadow:0 4px 6px rgba(124,58,237,.2);position:relative;z-index:1;transition:all .3s ease}.timezone-tag:nth-child(2n) .city-icon{background:var(--gradient-accent)}.timezone-tag:nth-child(3n) .city-icon{background:var(--gradient-tertiary)}.timezone-tag:nth-child(4n) .city-icon{background:var(--gradient-hybrid)}.timezone-tag:hover .city-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 12px rgba(124,58,237,.3)}.timezone-tag .city-icon i{font-size:1rem;animation:fadeIn .5s ease-in-out}.timezone-tag .timezone-name{font-weight:600;font-size:1rem;color:var(--text-primary);position:relative;z-index:1;letter-spacing:.02em;transition:transform .2s ease;flex:1}.timezone-tag:hover .timezone-name{transform:translateX(2px)}.timezone-tag .remove-btn{background:rgba(255,255,255,.2);border:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--text-secondary);opacity:.7;position:relative;z-index:1;margin-left:.5rem;transition:all .2s ease;cursor:pointer}.timezone-tag .remove-btn:hover{opacity:1;color:var(--error-color);transform:scale(1.15);background:rgba(255,255,255,.9);box-shadow:0 2px 5px rgba(239,68,68,.2)}.timezone-tag .remove-btn i{font-size:.8rem;transition:transform .2s ease}.timezone-tag .remove-btn:hover i{transform:rotate(90deg)}.timezone-tag .city-continent{font-size:.75rem;color:var(--text-secondary);margin-left:.25rem;position:relative;z-index:1}.timezone-tag .city-icon[data-region=asia]{background:linear-gradient(135deg,#f43f5e 0,#ec4899 100%)}.timezone-tag .city-icon[data-region=europe]{background:linear-gradient(135deg,#3b82f6 0,#8b5cf6 100%)}.timezone-tag .city-icon[data-region=americas]{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.timezone-tag .city-icon[data-region=africa]{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.timezone-tag .city-icon[data-region=oceania]{background:linear-gradient(135deg,#6366f1 0,#4f46e5 100%)}.meeting-timezone-item{padding:1rem 1.25rem;margin-bottom:.75rem;background-color:var(--card-bg);border-radius:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05);display:flex;align-items:center;position:relative;transition:all .3s ease;border-left:4px solid transparent}.meeting-timezone-item::before{content:'';position:absolute;top:0;left:0;height:100%;width:4px;background:var(--gradient-primary);border-radius:4px 0 0 4px;transition:width .3s ease}.meeting-timezone-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.08)}.meeting-timezone-item:hover::before{width:8px}.meeting-timezone-item .timezone-name{flex:1;font-weight:600;margin-left:.75rem;color:var(--text-primary)}.meeting-timezone-item .city-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-primary);border-radius:50%;color:#fff;box-shadow:0 4px 8px rgba(124,58,237,.2);transition:all .3s ease}.meeting-timezone-item:hover .city-icon{transform:scale(1.15) rotate(10deg);box-shadow:0 6px 12px rgba(124,58,237,.3)}.meeting-timezone-item .city-icon i{font-size:1rem}.meeting-timezone-item .remove-timezone-btn{background:rgba(255,255,255,.8);border:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text-secondary);opacity:.7;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-left:.5rem}.meeting-timezone-item .remove-timezone-btn:hover{opacity:1;color:var(--error-color);background-color:#fff;transform:scale(1.1);box-shadow:0 3px 6px rgba(239,68,68,.2)}.meeting-timezone-item .remove-timezone-btn i{font-size:.9rem;transition:transform .2s ease}.meeting-timezone-item .remove-timezone-btn:hover i{transform:rotate(90deg)}@media (max-width:768px){.timezone-tag{padding:.6rem .75rem;margin:.35rem .2rem}.timezone-tag .city-icon{width:30px;height:30px;margin-right:.5rem}.timezone-tag .timezone-name{font-size:.9rem}.timezone-tag .remove-btn{width:22px;height:22px}.meeting-timezone-item{padding:.85rem 1rem}.meeting-timezone-item .city-icon{width:32px;height:32px}}.city-icon-container[data-region=asia]{background:linear-gradient(135deg,#f43f5e 0,#ec4899 100%)}.city-icon-container[data-region=europe]{background:linear-gradient(135deg,#3b82f6 0,#8b5cf6 100%)}.city-icon-container[data-region=america]{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.city-icon-container[data-region=africa]{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.city-icon-container[data-region=australia],.city-icon-container[data-region=oceania],.city-icon-container[data-region=pacific]{background:linear-gradient(135deg,#6366f1 0,#4f46e5 100%)}.city-icon-container[data-region=antarctica]{background:linear-gradient(135deg,#e2e8f0 0,#cbd5e1 100%)}.city-icon-container[data-region=atlantic],.city-icon-container[data-region=indian]{background:linear-gradient(135deg,#06b6d4 0,#0ea5e9 100%)}.world-clock:hover .city-icon-container{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 20px rgba(37,99,235,.4)}.world-clock .city-icon-container i{animation:fadeIn .5s ease-in-out;font-size:1.5rem}@keyframes arrow-pulse{0%{transform:translateX(0)}50%{transform:translateX(5px)}100%{transform:translateX(0)}}#conversionResultContainer{width:100%;max-width:1000px;margin:0 auto;display:flex;justify-content:center;padding:1rem}.conversion-result{display:flex;flex-direction:column;align-items:center;width:100%;max-width:850px;gap:1.5rem;position:relative;margin:0 auto}.conversion-header{text-align:center;margin-bottom:1.5rem}.conversion-header h3{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.conversion-header p{color:var(--text-secondary);font-size:.9rem}.time-panel:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.dark-theme .time-panel:hover{box-shadow:0 8px 20px rgba(15,23,42,.4)}.time-panel-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;padding:.3rem .8rem;border-radius:1rem;background-color:rgba(255,255,255,.5)}.dark-theme .time-panel-title{background-color:rgba(30,41,59,.5);color:var(--text-secondary)}.source .time-panel-title{color:var(--primary-color)}.dark-theme .source .time-panel-title{color:var(--primary-light);background-color:rgba(124,58,237,.15)}.target .time-panel-title{color:var(--accent-color)}.dark-theme .target .time-panel-title{color:var(--accent-light);background-color:rgba(59,130,246,.15)}.time-location i{color:var(--primary-color)}.dark-theme .time-location i{color:var(--primary-light)}.target .time-location i{color:var(--accent-color)}.dark-theme .target .time-location i{color:var(--accent-light)}.time-details{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.4rem 1rem;border-radius:.5rem;background-color:rgba(0,0,0,.05);margin-top:1rem}.dark-theme .time-details{background-color:rgba(255,255,255,.05)}.time-details.dst{background-color:rgba(245,158,11,.1);color:var(--tertiary-dark)}.dark-theme .time-details.dst{background-color:rgba(245,158,11,.15);color:var(--tertiary-light)}.conversion-arrow:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(124,58,237,.4)}.conversion-arrow i{transition:transform .3s ease}.conversion-arrow.pulse i{animation:arrow-pulse .6s ease-in-out}.conversion-meta{display:flex;justify-content:center;gap:2rem;margin:1.5rem auto 0;padding-top:1.2rem;border-top:1px solid var(--border-color);font-size:.95rem;color:var(--text-secondary);max-width:500px}.meta-item{display:flex;align-items:center;gap:.3rem}.meta-item i{color:var(--primary-light)}.result-actions{display:flex;flex-direction:column;gap:.75rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);z-index:10}.btn-action{width:32px;height:32px;min-width:auto;display:flex;align-items:center;justify-content:center;border-radius:.25rem;padding:0;font-size:.85rem;background:rgba(100,116,139,.1);color:rgba(100,116,139,.8);border:none;transition:all .2s ease;cursor:pointer}.btn-action:hover{background:rgba(100,116,139,.2);color:#64748b;transform:translateY(-1px)}.btn-action span{display:none}@media (max-width:768px){.conversion-meta{flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.4);width:90%}.result-actions{position:static;transform:none;flex-direction:row;justify-content:center;margin-top:1.5rem;gap:1rem}.btn-action{width:auto;padding:.5rem .75rem}.btn-action span{display:inline-block;margin-left:.5rem;font-size:.85rem}.conversion-arrow:hover{transform:scale(1.1) rotate(90deg)}}@media (max-width:400px){.conversion-meta{width:100%;padding:1rem .5rem 0;font-size:.85rem}.result-actions{flex-wrap:wrap}.time-details{font-size:.8rem;padding:.3rem .75rem}}.conversion-arrow{display:flex;align-items:center;justify-content:center;position:relative;width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;margin:0;flex-shrink:0;color:#fff;font-size:1.2rem;box-shadow:0 4px 12px rgba(124,58,237,.3);cursor:pointer;transition:all .2s ease;z-index:1;align-self:center}.result-actions{display:flex;flex-direction:column;gap:.75rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);z-index:10}@media (max-width:768px){@keyframes mobile-arrow-pulse{0%{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(5px)}100%{transform:rotate(90deg) translateY(0)}}.btn-action:hover{transform:translateY(0);background:rgba(124,58,237,.1);color:var(--primary-color)}.btn-action{height:auto;border-radius:.5rem;background:rgba(255,255,255,.7);backdrop-filter:blur(4px);border:1px solid rgba(226,232,240,.4)}.conversion-arrow{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.conversion-arrow:active{transform:rotate(90deg) scale(.95)}.conversion-arrow.pulse i{animation:mobile-arrow-pulse .6s ease-in-out}.time-panel:hover{transform:none;box-shadow:0 8px 20px rgba(0,0,0,.08)}.time-panel.target:hover{box-shadow:0 8px 20px rgba(59,130,246,.08)}.time-panel.source:hover{box-shadow:0 8px 20px rgba(124,58,237,.08)}}@media (max-width:480px){.conversion-result{max-width:100%}.time-panel:hover{transform:none}.time-details{margin-top:.5rem;opacity:.9}.result-actions{margin-top:1rem}}.central-actions .btn-action{transition:all .3s ease;position:relative;overflow:hidden}.central-actions .btn-action::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(124,58,237,.1) 0,rgba(124,58,237,0) 70%);opacity:0;transition:opacity .3s ease;border-radius:50%}.central-actions .btn-action:hover::before{opacity:1}.central-actions .btn-action:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(124,58,237,.2);color:var(--primary-dark)}.central-actions .btn-action:active{transform:translateY(0);box-shadow:0 4px 8px rgba(124,58,237,.1)}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.central-actions .btn-action.pulse{animation:buttonPulse .3s ease-in-out}@media (max-width:768px){.central-actions{margin:1.25rem 0}.central-actions .btn-action{background:#fff;box-shadow:0 5px 15px rgba(124,58,237,.15)}.dark-theme .central-actions .btn-action{background:var(--secondary-bg);box-shadow:0 5px 15px rgba(124,58,237,.2)}}.central-actions .btn-action:hover{transform:translateY(-2px) scale(1.05)}.central-actions .btn-action:active{transform:scale(.95)}.timezone-selection-banner{position:fixed;bottom:0;left:0;width:100%;background-color:var(--card-bg);border-top:1px solid var(--border-color);box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000;transform:translateY(100%);transition:transform .3s ease}.timezone-selection-banner.show{transform:translateY(0)}.timezone-selection-banner .banner-content{max-width:900px;margin:0 auto;padding:1.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.timezone-selection-banner .banner-icon{font-size:1.8rem;color:var(--primary-color);margin-right:.5rem}.timezone-selection-banner .banner-message{flex:1;min-width:250px}.timezone-selection-banner .banner-message h4{font-size:1.1rem;margin-bottom:.25rem;color:var(--text-primary)}.timezone-selection-banner .banner-message p{color:var(--text-secondary);font-size:.9rem}.timezone-selection-banner .banner-actions{display:flex;gap:.75rem}.timezone-update-notification{position:fixed;top:20px;right:20px;background-color:var(--card-bg);color:var(--text-primary);border-left:4px solid var(--primary-color);padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10000;display:flex;align-items:center;gap:10px;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;font-size:.95rem}.timezone-update-notification i{color:var(--primary-color);font-size:1.2rem}.timezone-update-notification.hide{opacity:0;transform:translateY(-20px)}@media (max-width:768px){.timezone-selection-banner .banner-content{flex-direction:column;padding:1.25rem}.timezone-selection-banner .banner-actions{width:100%;justify-content:center}.timezone-update-notification{left:20px;right:20px;top:15px}}.main-clock:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 30px rgba(245,158,11,.3);cursor:pointer}.main-clock:hover .clock-center{background:var(--tertiary-color);box-shadow:0 0 8px rgba(245,158,11,.5)}.main-clock:hover .hour-hand{background:var(--tertiary-color);transition:transform 1.5s ease;transform:translateX(-50%) rotate(225deg)}.main-clock:hover .minute-hand{background:var(--tertiary-color);transition:transform 1.2s ease;transform:translateX(-50%) rotate(315deg)}.main-clock:hover::before{opacity:.5;background-image:radial-gradient(circle at center,transparent 75%,var(--tertiary-color) 75%,var(--tertiary-color) 77%,transparent 77%),linear-gradient(90deg,transparent 49%,var(--tertiary-color) 49%,var(--tertiary-color) 51%,transparent 51%),linear-gradient(180deg,transparent 49%,var(--tertiary-color) 49%,var(--tertiary-color) 51%,transparent 51%),linear-gradient(45deg,transparent 49%,var(--tertiary-color) 49%,var(--tertiary-color) 51%,transparent 51%),linear-gradient(-45deg,transparent 49%,var(--tertiary-color) 49%,var(--tertiary-color) 51%,transparent 51%)}.left-clock:hover,.right-clock:hover{transform:scale(1.15);box-shadow:0 10px 20px rgba(59,130,246,.25);z-index:5}.left-clock:hover .clock-center,.right-clock:hover .clock-center{background:var(--accent-color);box-shadow:0 0 10px rgba(59,130,246,.5)}.left-clock:hover .hour-hand,.left-clock:hover .minute-hand,.right-clock:hover .hour-hand,.right-clock:hover .minute-hand{background:var(--accent-color)}.left-clock:hover::before,.right-clock:hover::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;background-image:linear-gradient(90deg,transparent 49%,var(--accent-color) 49%,var(--accent-color) 51%,transparent 51%),linear-gradient(180deg,transparent 49%,var(--accent-color) 49%,var(--accent-color) 51%,transparent 51%);border-radius:10%}.left-clock:hover .hour-hand{transform:translateX(-50%) rotate(85deg);transition:transform 1s ease}.right-clock:hover .hour-hand{transform:translateX(-50%) rotate(250deg);transition:transform 1s ease}.left-clock:hover .minute-hand{transform:translateX(-50%) rotate(145deg);transition:transform 1.2s ease}.right-clock:hover .minute-hand{transform:translateX(-50%) rotate(310deg);transition:transform 1.2s ease}.main-clock::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0,rgba(245,158,11,.1) 25%,rgba(245,158,11,.2) 50%,rgba(245,158,11,.1) 75%,transparent 100%);background-size:200% 200%;opacity:0;transition:opacity .3s ease;border-radius:50%}.main-clock:hover::after{opacity:1;animation:gold-shimmer 2s infinite linear}.clock-number{position:absolute;font-weight:600;color:var(--text-secondary);opacity:0;transition:opacity .3s ease,color .3s ease;font-size:14px}.number-12{top:10%;left:50%;transform:translateX(-50%)}.number-3{top:50%;right:10%;transform:translateY(-50%)}.number-6{bottom:10%;left:50%;transform:translateX(-50%)}.number-9{top:50%;left:10%;transform:translateY(-50%)}.main-clock:hover .clock-number{opacity:1;color:var(--tertiary-dark)}@media (prefers-reduced-motion:reduce){.decorative-shape,.globe-dot,.left-clock,.main-clock,.right-clock{animation:none!important;transition:none!important}.left-clock:hover .hour-hand,.left-clock:hover .minute-hand,.main-clock:hover .hour-hand,.main-clock:hover .minute-hand,.right-clock:hover .hour-hand,.right-clock:hover .minute-hand{transform:none!important;transition:none!important}}@keyframes float-main{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-left{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float-right{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gold-shimmer{0%{background-position:0 50%}100%{background-position:200% 50%}}