:root { --brand:#8b5cf6; --ink:#241f2f; --muted:#6b6475; --bg:#fff7fb; --card:#ffffff; --line:#eadff2; }
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, Arial, sans-serif; color:var(--ink); background:linear-gradient(135deg,#fff7fb,#f8f3ff); }
a { color: var(--brand); }
.wrap { max-width: 980px; margin: 0 auto; padding: 32px 18px; }
.card { background: var(--card); border:1px solid var(--line); border-radius:24px; box-shadow:0 16px 48px rgba(60,42,93,.12); padding:28px; }
.hero { text-align:center; padding: 28px 20px; }
.hero h1 { margin:0 0 8px; font-size: clamp(30px, 5vw, 54px); letter-spacing:-.04em; }
.hero p { color:var(--muted); font-size:18px; margin:8px auto; max-width: 680px; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
@media (max-width:700px){ .grid{grid-template-columns:1fr;} .wrap{padding:18px 12px;} .card{padding:20px;} }
label { display:block; font-weight:700; margin: 12px 0 6px; }
input, select, textarea { width:100%; border:1px solid var(--line); border-radius:14px; padding:13px 14px; font-size:16px; background:#fff; }
textarea { min-height: 110px; resize:vertical; }
button,.btn { display:inline-block; border:0; border-radius:999px; padding:12px 18px; background:var(--brand); color:white; font-weight:800; text-decoration:none; cursor:pointer; }
.btn.secondary { background:#241f2f; }
.btn.light { background:#f2eafd; color:#3a2b55; }
.notice { border-radius:16px; padding:14px 16px; background:#f2fff8; border:1px solid #b6f1d1; margin:14px 0; }
.error { background:#fff1f2; border-color:#fecdd3; }
table { width:100%; border-collapse: collapse; background:white; border-radius:18px; overflow:hidden; }
th,td { text-align:left; padding:12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { background:#f8f3ff; }
.nav { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.small { color:var(--muted); font-size:13px; }
.code { background:#241f2f; color:#fff; padding:14px; border-radius:14px; overflow:auto; font-family:Consolas, monospace; font-size:13px; }