/* dns-landing.css — Estilos da pagina de landing do DNS */
/* Movido de dns.html inline <style> para arquivo externo (CSP compliance) */

* { margin:0; padding:0; box-sizing:border-box; }
html, body { height:100%; width:100%; font-family:'Inter',sans-serif; }
/* S116 (15/10/2026): página pública mediu 586px de conteúdo em viewport de
   386px no celular — contém o transbordar (fonte/token não dependem disso). */
.dns-landing {
    overflow-x: hidden;
    min-height: 100vh;
    background: linear-gradient(135deg, #0a0e1a 0%, #111827 50%, #1a2332 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.dns-landing::before {
    content: '';
    position: absolute;
    top: -200px;
    left: -200px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(59,130,246,0.08), transparent);
    border-radius: 50%;
}
.dns-landing::after {
    content: '';
    position: absolute;
    bottom: -200px;
    right: -200px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(124,58,237,0.08), transparent);
    border-radius: 50%;
}
.dns-hero { position:relative; z-index:1; max-width:650px; }
.dns-hero .hero-icon {
    width: 72px; height: 72px; margin: 0 auto 20px;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
    border-radius: 18px;
    display: flex; align-items: center; justify-content: center;
    font-size: 2rem; color: #fff;
    box-shadow: 0 8px 32px rgba(59,130,246,0.3);
}
.dns-hero h1 { font-size: 2.2rem; font-weight: 800; color: #f1f5f9; margin-bottom: 12px; letter-spacing: -1px; }
.dns-hero p { font-size: 1rem; color: #94a3b8; line-height: 1.7; margin-bottom: 32px; max-width:500px; margin-left:auto; margin-right:auto; }
.dns-servers {
    display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px;
}
.dns-server {
    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px; padding: 16px 28px; min-width: 160px;
    backdrop-filter: blur(12px);
}
.dns-server .label { font-size:0.7rem; color:#64748b; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px; }
.dns-server .ip { font-size:1.3rem; font-weight:800; color:#f1f5f9; font-family:'SF Mono','Fira Code',monospace; letter-spacing:1px; }
.dns-features {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 20px;
    position:relative; z-index:1; max-width: 700px;
}
@media(max-width:600px) { .dns-features { grid-template-columns:1fr; } }
.dns-feature {
    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px; padding: 20px; text-align: center;
    backdrop-filter: blur(12px);
    transition: all 0.25s ease;
}
.dns-feature:hover { border-color: rgba(255,255,255,0.12); transform: translateY(-2px); }
.dns-feature i { font-size:1.5rem; color:#3b82f6; margin-bottom:10px; }
.dns-feature h3 { font-size:0.85rem; font-weight:700; color:#f1f5f9; margin-bottom:6px; }
.dns-feature p { font-size:0.72rem; color:#64748b; line-height:1.5; margin:0; }
.dns-footer { position:relative; z-index:1; margin-top:40px; font-size:0.65rem; color:#475569; }
.dns-btn {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    border: none; border-radius: 10px; padding: 12px 32px;
    font-size:0.85rem; font-weight:600; font-family:inherit; color:#fff;
    cursor: pointer; box-shadow: 0 4px 16px rgba(59,130,246,0.3);
    transition: all 0.2s ease; text-decoration: none; display: inline-block;
}
.dns-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(59,130,246,0.4); }