*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
:root{
  --ink:#1a1b25;--ink-soft:#4b5066;--ink-muted:#8b90a8;
  --white:#fff;--off:#f9f9fc;--blue:#4361ee;--blue-pale:#eaedfd;
  --border:#e4e6f0;--r:12px;
}

body{font-family:'Nunito',sans-serif;background:var(--white);color:var(--ink);line-height:1.7;}

.page-wrap{max-width:800px;margin:0 auto;padding:56px 24px 80px;}
.page-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border);}
.page-badge{display:inline-block;background:var(--blue-pale);color:var(--blue);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;margin-bottom:14px;}
.page-header h1{font-family:'Lora',serif;font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--ink);letter-spacing:-.5px;margin-bottom:10px;}
.page-header .meta{font-size:14px;color:var(--ink-muted);}

.content section{margin-bottom:40px;}
.content h2{font-family:'Lora',serif;font-size:20px;font-weight:700;color:var(--ink);margin-bottom:12px;padding-left:14px;border-left:3px solid var(--blue);}
.content p{font-size:15px;color:var(--ink-soft);margin-bottom:12px;line-height:1.8;}
.content ul{margin:10px 0 14px 20px;}
.content ul li{font-size:15px;color:var(--ink-soft);margin-bottom:6px;line-height:1.7;}
.content a{color:var(--blue);text-decoration:none;}
.content a:hover{text-decoration:underline;}
.highlight-box{background:var(--off);border:1.5px solid var(--border);border-radius:var(--r);padding:20px 24px;margin-bottom:16px;}
.highlight-box p{margin-bottom:0;font-size:14px;}

main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 24px;}
.contact-card{
  max-width:520px;width:100%;text-align:center;
}
.contact-icon{
  width:72px;height:72px;background:var(--blue-pale);border-radius:20px;
  display:flex;align-items:center;justify-content:center;
  font-size:32px;margin:0 auto 24px;
  box-shadow:0 4px 16px rgba(67,97,238,.12);
}
.contact-card h1{
  font-family:'Lora',serif;font-size:clamp(28px,5vw,38px);
  font-weight:700;color:var(--ink);letter-spacing:-.5px;margin-bottom:14px;
}
.contact-card p{
  font-size:16px;color:var(--ink-soft);line-height:1.75;margin-bottom:36px;
  max-width:420px;margin-left:auto;margin-right:auto;
}

.email-box{
  background:var(--off);border:2px solid var(--border);border-radius:var(--r);
  padding:28px 32px;margin-bottom:28px;
  transition:border-color .2s,box-shadow .2s;
}
.email-box:hover{border-color:var(--blue);box-shadow:0 4px 20px rgba(67,97,238,.1);}
.email-label{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px;}
.email-address{
  font-size:22px;font-weight:800;color:var(--blue);
  text-decoration:none;display:block;letter-spacing:-.3px;
  transition:color .15s;
}
.email-address:hover{color:var(--blue-dark);}
.email-hint{font-size:13px;color:var(--ink-muted);margin-top:8px;}

.topics{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:36px;}
.topic{
  background:var(--off);border:1.5px solid var(--border);border-radius:30px;
  padding:5px 14px;font-size:12px;font-weight:700;color:var(--ink-soft);
}

.response-note{
  background:var(--blue-pale);border-radius:var(--r);
  padding:14px 20px;font-size:13px;color:var(--blue);font-weight:600;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
@media(max-width:500px){
  .email-address{font-size:18px;}
  .email-box{padding:20px;}
}