*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0b0d14;color:#e6e8ef;line-height:1.5}
a{color:#8b9cff}header,main,footer{max-width:1000px;margin:auto;padding:20px}
nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.logo{font-weight:800;font-size:1.4em}.logo span{color:#7c5cff}
nav a{margin-left:14px;text-decoration:none;color:#aab}h1{font-size:clamp(1.8em,5vw,2.8em);margin:.4em 0}.sub{color:#99a}
.card{background:#141826;border:1px solid #232a40;border-radius:14px;padding:18px;margin:12px 0}
textarea{width:100%;min-height:80px;background:#0b0d14;color:#fff;border:1px solid #2c3450;border-radius:10px;padding:12px;font:inherit}
button,.btn{background:linear-gradient(90deg,#7c5cff,#3cc6ff);border:0;color:#fff;padding:10px 18px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{background:#1d2335;border:1px solid #2c3450;color:#ccd;padding:6px 12px;border-radius:99px;cursor:pointer;font-size:.9em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.cat{font-size:.75em;text-transform:uppercase;color:#3cc6ff;letter-spacing:.08em}
.pick h3{margin:4px 0}.meta{font-size:.88em;color:#aab}.meta b{color:#dde}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #232a40;text-align:left}
input[type=email]{padding:10px;border-radius:10px;border:1px solid #2c3450;background:#0b0d14;color:#fff;width:min(320px,100%)}footer{color:#667;font-size:.85em}