.ptc-container {
      font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
      max-width: 1000px !important;
      margin: 0 auto !important;
      padding: 20px !important;
      color: #333 !important;
      line-height: 1.6 !important;
    }
    
    .ptc-converter-card, .ptc-current-time-card, .ptc-info-card, .ptc-content-card, .ptc-map-card, .ptc-dst-card {
      background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%) !important;
      border-radius: 16px !important;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
      padding: 25px !important;
      margin-bottom: 25px !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    }
    
    .ptc-converter-card:hover, .ptc-current-time-card:hover, .ptc-info-card:hover, .ptc-map-card:hover, .ptc-dst-card:hover {
      transform: translateY(-5px) !important;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12) !important;
    }
    
    .ptc-title {
      color: #00796b !important;
      font-size: 28px !important;
      margin: 0 0 8px 0 !important;
      font-weight: 700 !important;
    }
    
    .ptc-subtitle {
      color: #00796b !important;
      font-size: 16px !important;
      margin: 0 0 25px 0 !important;
    }
    
    .ptc-section-title {
      color: #00796b !important;
      font-size: 22px !important;
      margin: 0 0 20px 0 !important;
      font-weight: 600 !important;
      border-bottom: 2px solid #00bcd4 !important;
      padding-bottom: 8px !important;
      display: inline-block !important;
    }
    
    .ptc-conversion-form {
      display: flex !important;
      flex-direction: column !important;
      gap: 20px !important;
      margin-bottom: 25px !important;
    }
    
    .ptc-time-inputs {
      display: flex !important;
      gap: 15px !important;
      flex-wrap: wrap !important;
    }
    
    .ptc-input-group {
      flex: 1 !important;
      min-width: 200px !important;
    }
    
    .ptc-label {
      display: block !important;
      margin-bottom: 8px !important;
      font-weight: 500 !important;
      color: #00796b !important;
    }
    
    .ptc-input, .ptc-select {
      width: 100% !important;
      padding: 12px 15px !important;
      border: 2px solid #80deea !important;
      border-radius: 8px !important;
      font-size: 16px !important;
      transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
      background-color: rgba(255, 255, 255, 0.9) !important;
    }
    
    .ptc-input:focus, .ptc-select:focus {
      outline: none !important;
      border-color: #00bcd4 !important;
      box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.2) !important;
    }
    
    .ptc-button {
      background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%) !important;
      color: white !important;
      border: none !important;
      border-radius: 8px !important;
      padding: 14px 20px !important;
      font-size: 16px !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      transition: transform 0.2s ease, box-shadow 0.2s ease !important;
      align-self: flex-start !important;
    }
    
    .ptc-button:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 5px 15px rgba(0, 151, 167, 0.4) !important;
    }
    
    .ptc-button:active {
      transform: translateY(0) !important;
    }
    
    .ptc-result {
      margin-bottom: 25px !important;
    }
    
    .ptc-result-card {
      background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%) !important;
      color: white !important;
      border-radius: 12px !important;
      padding: 20px !important;
      text-align: center !important;
      box-shadow: 0 8px 16px rgba(0, 151, 167, 0.3) !important;
    }
    
    .ptc-result-header {
      font-size: 18px !important;
      margin-bottom: 10px !important;
    }
    
    .ptc-equals {
      margin: 0 10px !important;
      opacity: 0.8 !important;
    }
    
    .ptc-result-time {
      font-size: 36px !important;
      font-weight: 700 !important;
      margin-bottom: 5px !important;
    }
    
    .ptc-result-date {
      font-size: 16px !important;
      opacity: 0.9 !important;
    }
    
    .ptc-quick-reference {
      margin-top: 30px !important;
    }
    
    .ptc-reference-grid {
      display: grid !important;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
      gap: 15px !important;
    }
    
    .ptc-reference-item {
      background-color: rgba(255, 255, 255, 0.7) !important;
      border-radius: 8px !important;
      padding: 15px !important;
      text-align: center !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
      transition: transform 0.2s ease !important;
    }
    
    .ptc-reference-item:hover {
      transform: translateY(-3px) !important;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08) !important;
    }
    
    .ptc-reference-time {
      font-weight: 600 !important;
      color: #00796b !important;
    }
    
    .ptc-reference-equals {
      margin: 5px 0 !important;
      color: #00796b !important;
      opacity: 0.7 !important;
    }
    
    .ptc-reference-converted {
      font-weight: 600 !important;
      color: #0097a7 !important;
    }
    
    .ptc-current-time-grid {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
      gap: 20px !important;
    }
    
    .ptc-current-time-item {
      background-color: rgba(255, 255, 255, 0.7) !important;
      border-radius: 10px !important;
      padding: 20px !important;
      text-align: center !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    }
    
    .ptc-timezone-label {
      font-size: 18px !important;
      font-weight: 600 !important;
      color: #00796b !important;
      margin-bottom: 10px !important;
    }
    
    .ptc-current-time {
      font-size: 24px !important;
      font-weight: 700 !important;
      color: #0097a7 !important;
    }
    
    .ptc-map-container {
      background-color: rgba(255, 255, 255, 0.7) !important;
      border-radius: 10px !important;
      padding: 20px !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    }
    
    .ptc-map-visual {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 10px !important;
    }
    
    .ptc-map-region {
      flex: 1 !important;
      min-width: 120px !important;
      padding: 15px !important;
      border-radius: 8px !important;
      text-align: center !important;
      transition: transform 0.2s ease !important;
    }
    
    .ptc-map-region:hover {
      transform: translateY(-3px) !important;
    }
    
    .ptc-map-pt {
      background: linear-gradient(135deg, #4dd0e1 0%, #26c6da 100%) !important;
      color: white !important;
    }
    
    .ptc-map-mt {
      background: linear-gradient(135deg, #4fc3f7 0%, #29b6f6 100%) !important;
      color: white !important;
    }
    
    .ptc-map-ct {
      background: linear-gradient(135deg, #81d4fa 0%, #4fc3f7 100%) !important;
      color: white !important;
    }
    
    .ptc-map-est {
      background: linear-gradient(135deg, #b3e5fc 0%, #81d4fa 100%) !important;
      color: #00796b !important;
    }
    
    .ptc-map-label {
      font-size: 18px !important;
      font-weight: 700 !important;
      margin-bottom: 5px !important;
    }
    
    .ptc-map-time {
      font-size: 20px !important;
      font-weight: 600 !important;
      margin-bottom: 5px !important;
    }
    
    .ptc-map-states {
      font-size: 14px !important;
      opacity: 0.9 !important;
    }
    
    .ptc-info-grid {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
      gap: 20px !important;
      margin-bottom: 20px !important;
    }
    
    .ptc-info-item {
      background-color: rgba(255, 255, 255, 0.7) !important;
      border-radius: 10px !important;
      padding: 20px !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    }
    
    .ptc-info-title {
      color: #00796b !important;
      font-size: 18px !important;
      margin-top: 0 !important;
      margin-bottom: 15px !important;
      font-weight: 600 !important;
    }
    
    .ptc-info-list {
      margin: 0 !important;
      padding-left: 20px !important;
      color: #00796b !important;
    }
    
    .ptc-info-list li {
      margin-bottom: 8px !important;
    }
    
    .ptc-info-note {
      display: flex !important;
      align-items: flex-start !important;
      background-color: rgba(0, 188, 212, 0.1) !important;
      border-left: 4px solid #00bcd4 !important;
      padding: 15px !important;
      border-radius: 0 8px 8px 0 !important;
    }
    
    .ptc-info-icon {
      color: #00bcd4 !important;
      font-size: 20px !important;
      margin-right: 15px !important;
      font-weight: bold !important;
    }
    
    .ptc-info-note p {
      margin: 0 !important;
      color: #00796b !important;
    }
    
    .ptc-dst-content {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 20px !important;
    }
    
    .ptc-dst-info {
      flex: 2 !important;
      min-width: 300px !important;
      background-color: rgba(255, 255, 255, 0.7) !important;
      border-radius: 10px !important;
      padding: 20px !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    }
    
    .ptc-dst-dates {
      flex: 1 !important;
      min-width: 200px !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 15px !important;
    }
    
    .ptc-dst-date-item {
      background-color: rgba(255, 255, 255, 0.7) !important;
      border-radius: 10px !important;
      padding: 15px !important;
      text-align: center !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    }
    
    .ptc-dst-date-label {
      font-weight: 600 !important;
      color: #00796b !important;
      margin-bottom: 5px !important;
    }
    
    .ptc-dst-date-value {
      font-size: 18px !important;
      font-weight: 700 !important;
      color: #0097a7 !important;
      margin-bottom: 5px !important;
    }
    
    .ptc-dst-date-desc {
      font-size: 14px !important;
      color: #00796b !important;
      opacity: 0.8 !important;
    }
    
    .ptc-dst-list {
      margin: 10px 0 !important;
      padding-left: 20px !important;
      color: #00796b !important;
    }
    
    .ptc-content-section {
      margin-bottom: 25px !important;
    }
    
    .ptc-content-subtitle {
      color: #00796b !important;
      font-size: 20px !important;
      margin-top: 0 !important;
      margin-bottom: 15px !important;
      font-weight: 600 !important;
    }
    
    .ptc-business-grid {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
      gap: 20px !important;
      margin-top: 15px !important;
    }
    
    .ptc-business-item {
      background-color: rgba(255, 255, 255, 0.7) !important;
      border-radius: 10px !important;
      padding: 15px !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    }
    
    .ptc-business-title {
      color: #0097a7 !important;
      font-size: 16px !important;
      margin-top: 0 !important;
      margin-bottom: 10px !important;
      font-weight: 600 !important;
    }
    
    .ptc-cities-grid {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
      gap: 20px !important;
    }
    
    .ptc-cities-title {
      color: #0097a7 !important;
      font-size: 16px !important;
      margin-top: 0 !important;
      margin-bottom: 10px !important;
      font-weight: 600 !important;
    }
    
    .ptc-cities-list {
      margin: 0 !important;
      padding-left: 20px !important;
      color: #00796b !important;
    }
    
    .ptc-cities-list li {
      margin-bottom: 5px !important;
    }
    
    .ptc-tips-list {
      margin: 0 !important;
      padding-left: 20px !important;
      color: #00796b !important;
    }
    
    .ptc-tips-list li {
      margin-bottom: 10px !important;
    }
    
    .ptc-conversion-table {
      background-color: rgba(255, 255, 255, 0.7) !important;
      border-radius: 10px !important;
      overflow: hidden !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    }
    
    .ptc-table-header {
      display: flex !important;
      background-color: #00bcd4 !important;
      color: white !important;
      font-weight: 600 !important;
    }
    
    .ptc-table-row {
      display: flex !important;
      border-bottom: 1px solid rgba(0, 188, 212, 0.2) !important;
    }
    
    .ptc-table-row:last-child {
      border-bottom: none !important;
    }
    
    .ptc-table-row:nth-child(even) {
      background-color: rgba(0, 188, 212, 0.05) !important;
    }
    
    .ptc-table-cell {
      flex: 1 !important;
      padding: 12px 15px !important;
      text-align: center !important;
    }
    
    @media (max-width: 768px) {
      .ptc-container {
        padding: 15px !important;
      }
      
      .ptc-converter-card, .ptc-current-time-card, .ptc-info-card, .ptc-content-card, .ptc-map-card, .ptc-dst-card {
        padding: 20px !important;
      }
      
      .ptc-title {
        font-size: 24px !important;
      }
      
      .ptc-result-time {
        font-size: 28px !important;
      }
      
      .ptc-time-inputs {
        flex-direction: column !important;
      }
      
      .ptc-input-group {
        width: 100% !important;
      }
      
      .ptc-map-visual {
        flex-direction: column !important;
      }
      
      .ptc-map-region {
        width: 100% !important;
      }
    }
  @media (max-width: 540px) {
  .ts-contain, .main {
    --wrap-padding: 0px;
  }
}