*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#e0f2fe,#f8fafc);color:#111827}.page{max-width:1100px;margin:auto;padding:24px;display:grid;grid-template-columns:1fr 420px;gap:24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 20px 50px rgba(2,8,23,.08);padding:24px}.brand{display:flex;align-items:center;gap:16px;margin-bottom:18px}.brand img{width:80px;height:80px;object-fit:cover;border-radius:18px}.brand h1{margin:0;font-size:28px}.brand p{margin:6px 0 0;color:#64748b}.form label{display:block;margin:16px 0 7px;font-weight:700}.form input,.form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:13px;font-size:15px;outline:none}.form input:focus,.form textarea:focus{border-color:#087bbb;box-shadow:0 0 0 4px rgba(8,123,187,.12)}button{width:100%;margin-top:20px;border:0;border-radius:999px;background:#087bbb;color:#fff;padding:15px;font-weight:800;font-size:16px;cursor:pointer}button:hover{filter:brightness(.95)}.alert{padding:13px 14px;border-radius:12px;margin-bottom:15px;font-weight:700}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.preview h2{margin-top:0}.email-box{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:white}.email-header{background:#087bbb;text-align:center;padding:22px}.email-header img{width:140px;border-radius:8px}.email-body{padding:24px;line-height:1.6}.tip{padding:12px;border-radius:10px;background:#f0f9ff;border-left:4px solid #087bbb;font-weight:700}.btn{display:inline-block;margin-top:16px;background:#087bbb;color:#fff;padding:12px 20px;border-radius:999px;font-weight:700}@media(max-width:900px){.page{grid-template-columns:1fr;padding:14px}.brand h1{font-size:22px}}