:root{--pink:#ff4fa3;--purple:#7629c9;--deep:#210b35;--ink:#281238;--muted:#6e5a78;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(135deg,#ffe0f0,#f1dcff 55%,#ffeaf5);line-height:1.65}
header{background:linear-gradient(110deg,#ff4fa3,#7629c9);color:#fff;padding:18px 5%;box-shadow:0 5px 20px #6d238833}
.nav{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.brand{font-size:25px;font-weight:800;color:#fff;text-decoration:none}.navlinks{display:flex;gap:8px;flex-wrap:wrap}
.navlinks a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:20px;font-weight:700}.navlinks a:hover{background:#ffffff30}
main{max-width:1000px;margin:35px auto;padding:0 18px}.hero,.panel{background:#ffffffdf;border:1px solid #fff;border-radius:24px;padding:clamp(22px,5vw,48px);box-shadow:0 12px 35px #62208018}
.hero{text-align:center;background:linear-gradient(135deg,#fff,#ffe7f3)}
h1{font-size:clamp(32px,6vw,52px);line-height:1.15;margin:0 0 16px;color:#6020a5}
h2{color:#7629c9;margin-top:26px}p{font-size:17px}.eyebrow{color:#e52f8b;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.btn{display:inline-block;margin:12px 7px 0;padding:13px 24px;border-radius:30px;background:linear-gradient(100deg,#ff4fa3,#7629c9);color:white;text-decoration:none;font-weight:800;box-shadow:0 7px 18px #9b3c9c35}.btn.secondary{background:#fff;color:#7629c9;border:2px solid #7629c9}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:22px}.card{background:#fff;border:1px solid #f0d5ec;border-radius:18px;padding:20px}.card h3{margin:0 0 8px;color:#9b278c}
.notice{padding:15px 18px;border-left:4px solid #ff4fa3;background:#fff0f7;border-radius:10px;color:#57304e}
footer{text-align:center;padding:28px 16px;color:#684d70}footer a{color:#7629c9}
@media(max-width:560px){.nav{justify-content:center}.brand{width:100%;text-align:center}.navlinks{justify-content:center}.navlinks a{padding:7px 9px;font-size:14px}}