:root{--bg:#0b1020;--panel:#111833;--text:#e6e9f0;--muted:#aab2c5;--accent:#4f7cff;--accent-2:#60e0b2;--border:#b4b5bb}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
a{color:var(--accent);text-decoration:none}
.uc-container{max-width:1200px;margin:0 auto;padding:24px}
.uc-header{position:sticky;top:0;background:rgba(11,16,32,.85);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--border);z-index:10}
.uc-header-inner{display:flex;align-items:center;justify-content:space-between}
.uc-logo{font-weight:700;color:#fff}
.uc-nav a{margin-left:16px;color:var(--text)}
.uc-hero{padding:28px 0 12px}
.uc-hero h1{font-size:28px;margin:0 0 8px}
.uc-hero p{margin:0 0 16px;}
.uc-search input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none}
.uc-section-title{margin:22px 0 12px;font-size:20px}
.uc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.uc-card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;transition:transform .12s ease, border-color .12s ease;text-decoration:none;color:#ffffff}
.uc-card:hover{transform:translateY(-1px);border-color:#2a3a79;box-shadow:0 4px 12px rgba(42, 58, 121, 0.15)}
.uc-badge{display:inline-block;background:#182457;border:1px solid #2a3a79;color:#cdd7ff;padding:2px 8px;border-radius:999px;font-size:12px}
.uc-footer{border-top:1px solid var(--border);margin-top:24px}
.uc-footer-inner{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}
.uc-page-head h1{margin:12px 0 4px}
.uc-page-head p{margin:0 0 14px;}
.uc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.uc-list a{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px; color: #fff;}
.uc-converter{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}
.uc-converter-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}
.uc-field label{display:block;color:#fff;margin-bottom:6px}
.uc-field input,.uc-field select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border); margin-bottom:10px; font-size:1.5rem; background:#0e1530;color:var(--text)}
.uc-swap{align-self:center;height:42px;width:42px;border-radius:10px;border:1px solid var(--border);background:#0f1735;color:#c7d2ff;cursor:pointer}
.uc-controls{display:flex;gap:10px;align-items:center;margin:12px 0 6px}
.uc-controls button{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0f1735;color:#c7d2ff;cursor:pointer}
.uc-all-units{margin-top:10px}
.uc-all-units .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
.uc-all-units .row input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:#0e1530;color:var(--text)}
.uc-search-results{margin-top:10px}
.uc-search-results .item{display:block;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#0e1530;margin-bottom:8px}
.uc-card-title{font-weight:600;margin-bottom:8px;color:#fff; font-size: 1.2rem;}
.uc-card-action{font-size:12px;margin-top:8px;font-weight:500}
.uc-pairs{display:flex;flex-wrap:wrap;gap:8px}
.uc-container label{color: #fff;}
.category-div{margin-top: 10px;}
/* Chrome, Safari, Edge */
input::placeholder {color: #fff;}
/* Firefox */
input::-moz-placeholder {color: #fff;opacity: 1;
}
/* Internet Explorer 10-11 */
input:-ms-input-placeholder {color: #fff;}
/* Microsoft Edge (old) */
input::-ms-input-placeholder {color: #fff;}

@media (max-width:680px){.uc-converter-row{grid-template-columns:1fr;}.uc-swap{width:100%}}

/* Category Links */
.uc-category-link {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.uc-category-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

.uc-category-link:active {
  transform: translateY(0);
}

/* Category Direct Links Section */
.uc-category-direct-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.uc-category-direct-links .uc-category-link {
  text-align: center;
  padding: 16px 20px;
  font-size: 14px;
}

@media (max-width: 768px) {
  .uc-category-direct-links {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
  }
  
  .uc-category-direct-links .uc-category-link {
    padding: 12px 16px;
    font-size: 13px;
  }
}
@media (max-width: 450px) {
  .uc-logo,.uc-nav{font-size: 12px;}
  .uc-nav a{margin-left: 10px;}
  .uc-header-inne{    padding: 16px!important;}
  .uc-container{padding-top: 10px!important}
  .uc-page-head h1{font-size: 22px;}
  .uc-hero h1{font-size: 22px;}
  .uc-hero {padding: 5px;}
  .uc-field input, .uc-field select{
    font-size: 1.1rem;
  }
}