:root{--green: #2e7d32;--green-dark: #1b5e20;--bg: #f0f2f5;--ink: #1a1a2e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}.page{max-width:560px;margin:0 auto;padding:24px 16px 48px}.hero{text-align:center;margin:16px 0 24px}.hero h1{margin:0 0 6px;font-size:28px}.hero p{margin:0;color:#555}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 30px #0000000f;display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-weight:600;font-size:14px}.field em{color:#c62828;font-style:normal}.field small{color:#777;font-size:12px}input[type=text],input[type=email],textarea,input[type=file]{width:100%;padding:11px 13px;border:1px solid #d4d8e0;border-radius:10px;font-size:15px;font-family:inherit;background:#fff}input:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #2e7d3226}textarea{resize:vertical}.preview img{width:100%;max-height:280px;object-fit:cover;border-radius:12px;border:1px solid #e0e0e0}button{background:var(--green);color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:var(--green-dark)}button:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.45}.alert-ok{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7}.alert-pending{background:#fff8e1;color:#8d6e00;border:1px solid #ffe082}.alert-error{background:#ffebee;color:#b71c1c;border:1px solid #ef9a9a}.foot{text-align:center;color:#888;font-size:13px;margin-top:24px}