.source-tools-page{background:linear-gradient(-45deg,#0b1020,#17183f,#10162d);background-size:400% 400%;min-height:100vh}
.source-tools-page .source-wrap{max-width:1180px;margin:auto;padding:54px 16px 80px}
.source-tools-page .source-hero{text-align:center;margin-bottom:42px}
.source-tools-page .source-hero h1{font-size:clamp(30px,5vw,48px);margin:0 0 10px;color:#fff}
.source-tools-page .source-hero p{color:#c4cbe0;margin:auto;max-width:720px}
.source-tools-page .source-card-glass{
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
  border:1px solid rgba(255,255,255,.10);
  transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease;
  box-shadow:0 8px 32px rgba(0,0,0,.10);
  border-radius:24px
}
.source-tools-page .source-card-glass:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);transform:translateY(-4px)}
.source-tools-page .source-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.source-tools-page .source-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.source-tools-page .source-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.source-tools-page .source-download-card{padding:25px;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}
.source-tools-page .source-platform-icon{width:68px;height:68px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px rgba(0,0,0,.20)}
.source-tools-page .source-platform-icon svg{width:40px!important;height:40px!important;display:block!important;max-width:40px!important;max-height:40px!important}
.source-tools-page .source-platform-android{background:linear-gradient(135deg,#10b981,#059669);color:#fff}
.source-tools-page .source-platform-ios{background:linear-gradient(135deg,#64748b,#334155);color:#fff}
.source-tools-page .source-platform-windows{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}
.source-tools-page .source-platform-macos{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}
.source-tools-page .source-download-card h2{font-size:21px;margin:0 0 3px;color:#fff}
.source-tools-page .source-download-card strong{color:#bfdbfe;font-size:14px}
.source-tools-page .source-download-card p{color:#9ca3af;font-size:12px;min-height:22px}
.source-tools-page .source-action{
  display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:14px;
  padding:11px 14px;border:0;border-radius:12px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);
  color:#fff!important;font-weight:800;text-decoration:none;cursor:pointer
}
.source-tools-page .source-section{margin-top:42px}
.source-tools-page .source-panel{padding:28px}
.source-tools-page .source-panel h2{text-align:center;color:#fff;font-size:28px;margin:0 0 9px}
.source-tools-page .source-panel>.source-sub{text-align:center;color:#aeb7c6;margin:0 0 28px}
.source-tools-page .source-tool-card{padding:28px;text-align:center}
.source-tools-page .source-round-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}
.source-tools-page .source-round-icon svg{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important}
.source-tools-page .source-tool-card h3{font-size:21px;color:#fff;margin:0 0 8px}
.source-tools-page .source-tool-card p{color:#aeb7c6;font-size:13px}
.source-tools-page .source-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px;text-align:right}
.source-tools-page .source-list li{display:flex;align-items:flex-start;gap:10px;color:#d1d5db;font-size:13px}
.source-tools-page .source-dot{width:9px;height:9px;border-radius:50%;background:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.6);margin-top:7px;flex:0 0 auto}
.source-tools-page .source-dns-result{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9ca3af;padding:20px}
.source-tools-page .source-warning{margin-top:20px;padding:15px;border-radius:14px;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.22);color:#fde68a;font-size:13px;line-height:1.9}
.source-tools-page .source-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.source-tools-page .source-step{text-align:center;padding:18px}
.source-tools-page .source-step-num{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);font-size:23px;font-weight:900;color:#fff}
.source-tools-page .source-step h3{color:#fff;font-size:17px;margin:0 0 5px}
.source-tools-page .source-step p{color:#9ca3af;font-size:12px;margin:0}
.source-tools-page select{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#10182a;color:#fff}
.source-tools-page .source-diagnostic{display:grid;gap:14px;text-align:right}
.source-tools-page .source-diagnostic label{color:#d1d5db;font-size:13px}
.source-tools-page .source-diagnostic-result{padding:16px;border-radius:14px;background:rgba(0,0,0,.17);color:#d1d5db;line-height:1.9}
.source-tools-page .source-diagnostic-result ol{padding-right:20px}
@media(max-width:900px){
  .source-tools-page .source-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .source-tools-page .source-grid-3,.source-tools-page .source-grid-2{grid-template-columns:1fr}
  .source-tools-page .source-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .source-tools-page .source-wrap{padding:36px 12px 58px}
  .source-tools-page .source-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .source-tools-page .source-download-card{padding:16px 10px}
  .source-tools-page .source-platform-icon{width:58px;height:58px;border-radius:16px}
  .source-tools-page .source-platform-icon svg{width:33px!important;height:33px!important;max-width:33px!important;max-height:33px!important}
  .source-tools-page .source-step-grid{grid-template-columns:1fr}
  .source-tools-page .source-panel,.source-tools-page .source-tool-card{padding:18px}
  .source-tools-page .source-download-card h2{font-size:17px}
  .source-tools-page .source-action{font-size:12px;padding:9px}
}