.app{display:flex;justify-content:center}.card{background-color:#fff;border-radius:18px;box-shadow:0 18px 45px #0f172a1f;padding:2.5rem 2.75rem;max-width:560px;width:100%;border:1px solid rgba(59,130,246,.08)}.card__header{margin-bottom:2rem}.card__header h1{font-size:2rem;margin-bottom:.5rem;color:#0f172a}.card__header p{font-size:1rem;color:#475569}.form{display:flex;flex-direction:column;gap:1.25rem}.form__field{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-weight:600;color:#1e293b}.form__field input[type=file]{display:block;width:100%}.form__submit{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:12px;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.form__submit:disabled{cursor:not-allowed;opacity:.7}.form__submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 24px #2563eb40}.feedback{margin-top:1rem;padding:.75rem 1rem;border-radius:12px;font-size:.95rem}.feedback--error{background-color:#f8717126;color:#b91c1c}.results{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.results__summary{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:1.25rem;border-radius:16px;background-color:#3b82f614}.results__summary .label{display:block;font-size:.85rem;color:#475569;text-transform:uppercase;letter-spacing:.05em}.results__summary .value{font-size:1.2rem;font-weight:700;color:#1f2937}.results__list h3{margin-bottom:.75rem;color:#1e293b}.results__list ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.results__list li{display:flex;justify-content:space-between;background-color:#7dd3fc29;padding:.75rem 1rem;border-radius:12px;font-weight:600;color:#0f172a}@media(max-width:600px){.card{padding:2rem 1.5rem}.card__header h1{font-size:1.7rem}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#1f2933;background-color:#f5f7fa}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#fdf2f8);padding:3rem 1rem}#root{width:100%}