body { font-family: Arial, sans-serif; background:#f7fafc; color:#111; padding:20px; }
.container { max-width:900px; margin:0 auto; background:white; padding:20px; border-radius:8px; box-shadow:0 4px 18px rgba(0,0,0,0.06); }
h1 { margin-top:0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin:20px 0; }
.card { display:block; padding:18px; border-radius:8px; background:#fff; text-decoration:none; border:1px solid #e6e6e6; text-align:center; font-weight:600; box-shadow:0 1px 6px rgba(0,0,0,0.03); }
.card:hover { transform:translateY(-4px); transition:all .18s ease; }
form { margin-top:12px; }
input[type=file], textarea, input[type=text] { width:100%; padding:8px; margin:6px 0 12px; border:1px solid #ddd; border-radius:4px; }
button { padding:10px 14px; border-radius:6px; border:0; background:#0ea5a5; color:white; font-weight:600; cursor:pointer; }
.result { margin-top:14px; padding:12px; background:#f1f6f6; border-radius:6px; border:1px solid #e6f0ef; }