:root{
    --bg-img: url('https://images.hdqwalls.com/wallpapers/a-lake-surrounded-by-mountains-5k-jb.jpg');
    --overlay: rgba(3,8,18,0.66);
    --card-bg: rgba(6,10,16,0.75);
    --muted: #9fb0c8;
    --accent: #3aa0ff;
    --radius: 14px;
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color-scheme: dark;
  }

  html,body { height:100%; margin:0; }
  body{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#031022;
    background-image: linear-gradient(var(--overlay), var(--overlay)), var(--bg-img);
    background-size:cover;
    background-position:center;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  .card {
    width:calc(100% - 40px);
    max-width:600px;
    background: var(--card-bg);
    border-radius:var(--radius);
    padding:32px;
    box-shadow:0 8px 40px rgba(2,6,15,0.65);
    border:1px solid rgba(255,255,255,0.03);
    backdrop-filter: blur(6px) saturate(120%);
    color:#eaf6ff;
  }

  .row {
    display:flex;
    gap:16px;
    align-items:flex-start;
  }

  .icon {
    width:64px; height:64px;
    border-radius:12px;
    background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:var(--accent);
    flex:0 0 64px;
  }

  h1 {
    margin:0;
    font-size:20px;
    font-weight:700;
  }

  .tag {
    display:inline-block;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,0.02);
    color:var(--muted);
    font-weight:600;
    font-size:12px;
    vertical-align: text-top;
  }

  p.lead {
    margin:12px 0 0 0;
    color:var(--muted);
    font-size:15px;
    line-height:1.45;
  }

  .country {
   display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff08;
    padding: 6px 18px;
    border-radius: 9999px;
    font-size: 1.1rem;
    max-width: fit-content;
    margin-top: 16px;
  }

  .flag {
    font-size:28px;
    line-height:1;
  }

  @media (min-width:900px){
    .card { padding:40px; }
    h1 { font-size:22px; }
  }




.success-btn {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #22c55e;
  color: #000;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 9999px;
  text-decoration: none;
  font-size: 1.1rem;
  transition: all 0.2s ease;
}
.success-btn:hover {
  background: #16a34a;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(34, 197, 94, 0.3);
}