*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f7fa;color:#333;line-height:1.6;padding:20px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)}.container{max-width:1400px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 0}.logo{font-weight:600;font-size:1.1rem}.nav a{margin-left:15px;text-decoration:none;color:#555}.nav a:hover{color:#000}header{text-align:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08)}.timezone-card h3,h1{color:#2c3e50;margin-bottom:10px}h1{font-size:2.5rem;background:linear-gradient(90deg,#3498db,#2c3e50);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#7f8c8d;font-size:1.1rem;max-width:800px;margin:0 auto}.timezone-info{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.timezone-card{flex:1;min-width:250px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.08);border-left:4px solid #3498db}.timezone-card h3{display:flex;align-items:center}.converter-title i,.timezone-card h3 i{margin-right:10px;color:#3498db}.timezone-value,label{color:#2c3e50;font-weight:600}.timezone-value{font-size:1.4rem;margin-bottom:5px}.timezone-offset{color:#7f8c8d;font-size:.9rem}.converter-container{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.converter-box{flex:1;min-width:350px;background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease}.converter-box:hover{transform:translateY(-5px)}.converter-title{display:flex;align-items:center;color:#2c3e50;font-size:1.5rem}.converter-title,.input-group{margin-bottom:20px}label{display:block;margin-bottom:8px}input,select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border .3s}input:focus,select:focus{border-color:#3498db;outline:0}.timezone-search-container{position:relative;margin-bottom:10px}.timezone-search{width:100%;padding:10px 15px 10px 40px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;background-color:#f8f9fa}.timezone-search:focus{outline:0;border-color:#3498db;background-color:#fff}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7f8c8d}.timezone-selector{display:flex;gap:10px}.timezone-selector select{flex:1;max-height:200px;overflow-y:auto}.btn{background:#3498db;color:#fff;border:0;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;width:100%;transition:background .3s;display:flex;align-items:center;justify-content:center}.btn i{margin-right:8px}.btn:hover{background:#2980b9}.btn-secondary{background:#7f8c8d;margin-top:10px}.btn-secondary:hover{background:#636e6f}.result-box{background:#f8f9fa;border-radius:8px;padding:15px;margin-top:20px;border-left:4px solid #3498db}.result-label{font-size:.9rem;color:#7f8c8d;margin-bottom:5px}.result-value{font-size:1.2rem;font-weight:600;color:#2c3e50;word-break:break-all}.copy-btn,.result-detail{font-size:.9rem;color:#636e6f;margin-top:5px}.copy-btn{background:#2ecc71;color:#fff;border:0;padding:8px 15px;border-radius:5px;cursor:pointer;margin-top:10px;transition:background .3s}.copy-btn:hover{background:#27ae60}.timezone-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.08);margin-bottom:30px}.timezone-section h3{color:#2c3e50;margin-bottom:20px;font-size:1.5rem}.timezone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.timezone-item{padding:12px 15px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:background .3s}.timezone-item:hover{background:#e9ecef}.timezone-name{font-weight:600;color:#2c3e50}.timezone-location{font-size:.9rem;color:#7f8c8d}.timezone-offset-item{font-size:.85rem;color:#3498db}.info-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.08)}.info-title{color:#2c3e50;margin-bottom:15px;font-size:1.5rem}.info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{padding:15px;background:#f8f9fa;border-radius:8px}.info-item h4{color:#3498db;margin-bottom:8px}footer{margin-top:30px;font-size:.9rem;padding:20px}.active-timezone{background:#3498db!important;color:#fff}.active-timezone .timezone-location,.active-timezone .timezone-name,.active-timezone .timezone-offset-item{color:#fff}.no-results,footer{text-align:center;color:#7f8c8d}.no-results{padding:15px;font-style:italic}@media (max-width:768px){.converter-container,.timezone-info{flex-direction:column}h1{font-size:2rem}}