.elementor-23 .elementor-element.elementor-element-5dc1772{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS */:root{
  --blue: #0062FF;      /* main brand blue */
  --blue-dark: #003C9D; /* dark brand blue */
  --text: #0b0b0b;      /* professional black */
  --muted: #4d5562;     /* secondary */
  --bg: #ffffff;        /* bright */
  --halo: #EAF2FF;      /* soft background glow */
  --border: rgba(0,0,0,.08);
  --shadow: 0 10px 24px rgba(0,98,255,.12);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: var(--text);
  background:
    radial-gradient(1200px 700px at 50% -15%, var(--halo), transparent 60%),
    var(--bg);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/* Centered page */
.wrap{ width:min(920px, 92%); margin-inline:auto; padding: 44px 0 80px; }
.page{ text-align:center; }

/* Typography */
h1{
  font-weight: 800;
  font-size: clamp(2.1rem, 3.6vw, 2.9rem);
  line-height: 1.15;
  margin: 0 0 6px;
  color: var(--blue-dark);
}
h1 .brand{ color: var(--blue); }
.meta{ color: var(--muted); margin: 2px 0 16px; font-size: .98rem; }
.lede{
  color: var(--muted);
  font-size: 1.06rem;
  margin: 0 auto 16px;
  max-width: 720px;
}

h2{
  font-weight: 700;
  color: var(--blue);
  font-size: clamp(1.2rem, 2.4vw, 1.55rem);
  margin: 0 0 8px;
}

/* Cards */
.card{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 18px 16px;
  margin: 14px auto;
  box-shadow: var(--shadow);
}
.card.tip{ border-style: dashed; }

.corner{
  position: relative;
  overflow: hidden;
}
.corner::after{
  /* subtle corner ribbon */
  content:"";
  position:absolute;
  right:-32px; top:-32px;
  width:140px; height:140px;
  background: radial-gradient(120px 120px at 70% 70%, rgba(0,98,255,.18), rgba(0,60,157,.20) 60%, transparent 61%);
  transform: rotate(12deg);
  pointer-events:none;
}

/* Lists (centered) */
.centered-list{
  list-style-position: inside;
  padding-left: 0;
  margin: 6px 0 0;
}
.centered-list li{ margin: 6px 0; }
.centered-steps{
  padding-left: 0; margin: 6px 0 0; list-style-position: inside;
}
.centered-steps li{ margin: 6px 0; }

.hint{ color: var(--muted); margin-top: 8px; }

/* FAQ */
.faq details{
  text-align:left;        /* better readability inside card */
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px 12px;
  margin: 10px 0;
}
.faq summary{
  cursor: pointer;
  font-weight: 700;
  color: #0f172a;
}
.faq p{ margin: 8px 2px 2px 2px; }

/* Links & buttons */
a.blue{ color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }

.btn{
  display:inline-block;
  margin-top: 20px;
  padding: 10px 16px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--blue), var(--blue-dark));
  color:#fff; font-weight:700; cursor:pointer;
}
.btn:focus{ outline: 3px solid rgba(0,98,255,.25); outline-offset: 2px; }

.note{
  color: var(--muted);
  margin-top: 18px;
  font-size: .95rem;
}

/* Mobile tweaks */
@media (max-width: 520px){
  .card{ padding: 16px 14px; }
  .faq details{ padding: 10px 10px; }
}/* End custom CSS */