body{font-family:system-ui,Arial,sans-serif;max-width:820px;margin:0 auto;padding:20px;line-height:1.65;color:#f7eef3;background:#120f12;font-size:17px}
nav{background:#221a21;border:1px solid #3d2c37;border-radius:16px;padding:12px 16px;margin-bottom:20px}
nav a{color:#ff5cb0;margin-right:16px;text-decoration:none;font-weight:700}
nav a:hover{text-decoration:underline}
header{background:#1d1018;border-radius:20px;padding:20px 24px;margin-bottom:20px}
header h1{color:#ff7ac2;line-height:1.15;margin:0 0 8px}
header p{color:#fff;margin:6px 0}
.hero{background:linear-gradient(135deg,#6d0040,#d40078 70%,#ff5cb0);color:#fff;border-radius:20px;padding:20px 24px;margin:20px 0}
h2{font-size:20px;margin-top:36px;border-top:1px solid #3d2c37;padding-top:16px;color:#ff7ac2}
h3{color:#ff7ac2}
label{display:block;margin:10px 0 4px} input,textarea,select{width:100%;padding:10px;border:1px solid #3d2c37;border-radius:6px;box-sizing:border-box;background:#221a21;color:#f7eef3}
button{padding:10px 16px;margin:10px 6px 10px 0;border:0;border-radius:6px;background:#d40078;color:#fff;cursor:pointer;font-weight:700}
button:hover{background:#a3005c}
button.secondary{background:#2a1e28;color:#f7eef3;border:1px solid #3d2c37}
.card{background:#221a21;border:1px solid #3d2c37;border-top:5px solid #d40078;border-radius:16px;padding:16px 20px;margin:16px 0}
.note{background:#2b2410;border:1px solid #d4a017;border-radius:12px;padding:12px;margin:16px 0}
.msg{margin:12px 0;font-weight:650}
a{color:#ff5cb0}