:root {
      --blue-50:#EFF6FF;--blue-100:#DBEAFE;--blue-600:#2563EB;--blue-700:#1D4ED8;--blue-800:#1E40AF;
      --gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;
      --gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;
      --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      --header-height:60px;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--gray-900);background:#FFF;-webkit-font-smoothing:antialiased}
    img{max-width:100%;display:block}
    a{color:var(--blue-600);text-decoration:none}
    a:hover{text-decoration:underline}

    /* HEADER */
    .header{position:sticky;top:0;z-index:100;background:var(--blue-600);height:var(--header-height);display:block}
    .header-inner{max-width:1140px;margin:0 auto;padding:0 1rem;height:100%;display:flex;align-items:center;justify-content:space-between}
    .logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.0625rem;color:#FFF;text-decoration:none!important}
    .logo-icon{width:32px;height:32px;background:rgba(255,255,255,0.2);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#FFF;font-weight:800;font-size:.875rem;flex-shrink:0}
    .header-nav{display:flex;gap:2px;align-items:center}
    .header-nav a{font-size:.875rem;font-weight:500;color:rgba(255,255,255,0.85);text-decoration:none!important;padding:.5rem 1rem;border-radius:6px;transition:all .2s}
    .header-nav a:hover,.header-nav a.active{color:#FFF;background:rgba(255,255,255,0.18)}

    /* HERO */
    .hero{padding:3rem 1rem 2.5rem;text-align:center;background:linear-gradient(180deg,var(--blue-50) 0%,#FFF 100%)}
    .hero h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.2;letter-spacing:-0.02em;color:var(--gray-900);margin-bottom:.75rem}
    .hero h1 span{color:var(--blue-600)}
    .hero p{font-size:1.0625rem;color:var(--gray-500);max-width:520px;margin:0 auto 1.5rem}
    .search-wrapper{max-width:600px;margin:0 auto}
    .search-box{display:flex;align-items:center;background:#FFF;border:2px solid var(--gray-200);border-radius:24px;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:all .2s}
    .search-box:focus-within{border-color:var(--blue-600);box-shadow:0 0 0 4px rgba(37,99,235,0.08),0 4px 12px rgba(0,0,0,0.06)}
    .search-box input{flex:1;border:none;outline:none;padding:.75rem 1.25rem;font-size:1rem;font-family:var(--font);background:transparent}
    .search-box input::placeholder{color:var(--gray-400)}
    .search-btn{background:var(--blue-600);color:#FFF;border:none;padding:.75rem 1.5rem;border-radius:24px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;margin:.25rem}
    .search-btn:hover{background:var(--blue-800)}
    .hero-quick{margin-top:1.25rem}
    .hero-quick span{font-size:.8125rem;color:var(--gray-400);margin-right:.5rem}
    .hero-quick a{display:inline-block;font-size:.8125rem;color:var(--gray-600);background:var(--gray-100);padding:.25rem .75rem;border-radius:24px;margin:0 .25rem;text-decoration:none!important;transition:all .2s}
    .hero-quick a:hover{background:var(--blue-600);color:#FFF}

    /* AD — see inline styles */

    /* CONTINENT SECTIONS */
    .section{padding:2rem 1rem}
    .section-inner{max-width:1140px;margin:0 auto}
    .continent-section{margin-bottom:2.5rem}
    .continent-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}
    .continent-icon{font-size:1.5rem}
    .continent-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-800)}
    .continent-count{font-size:.8125rem;color:var(--gray-400);font-weight:400}
    .country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem}
    .country-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;text-decoration:none!important;color:var(--gray-700);font-size:.875rem;transition:all .2s;border:1px solid transparent}
    .country-link:hover{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-600)}
    .country-link img.flag{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.1);flex-shrink:0}

    /* STATS */
    .stats-bar{max-width:1140px;margin:0 auto;padding:0 1rem;display:flex;justify-content:center;gap:3rem}
    .stat-item{text-align:center}
    .stat-value{font-size:1.75rem;font-weight:800;color:var(--blue-600)}
    .stat-label{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem}

    /* FOOTER */
    .footer{border-top:1px solid var(--gray-200);background:var(--gray-50);padding:2rem 1rem}
    .footer-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem}
    .footer-col h4{font-size:.75rem;font-weight:600;color:var(--gray-600);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}
    .footer-col a{display:block;font-size:.8125rem;color:var(--gray-500);padding:.25rem 0;text-decoration:none!important}
    .footer-col a:hover{color:var(--blue-600)}
    .footer-bottom{max-width:1140px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--gray-400)}

    @media(max-width:768px){
      .header-nav{display:none}
      .hero{padding:2rem 1rem 1.5rem}
      .country-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
      .stats-bar{gap:1.5rem}
      .stat-value{font-size:1.375rem}
    }
  
    /* BREADCRUMB (from areacodelookup.info) */
    .breadcrumb{max-width:1140px;margin:0 auto;padding:.75rem 1rem;font-size:.8125rem;color:var(--gray-400)}
    .breadcrumb a{color:var(--gray-500);text-decoration:none}
    .breadcrumb a:hover{color:var(--blue-600)}
    .breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem}
    .breadcrumb li{display:inline}
    .breadcrumb li+li:before{content:"›";margin:0 .35rem;color:var(--gray-300)}