*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f9e8ea,#fdf6f0,#e8f0f9);min-height:100vh;color:#1e2329;padding:24px 16px 48px}@media (max-width: 480px){body{padding:0}}:root{--red: #C41230;--red-dark: #9e0e27;--red-light: #fdf2f4;--green: #1a8a45;--green-light:#f0faf4;--green-btn: #1e9e4f;--green-btn-hover: #177a3d;--gray-100: #f7f8fa;--gray-200: #eaecf0;--gray-400: #9ba3b0;--gray-600: #5f6875;--gray-800: #1e2329;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--shadow-lg: 0 10px 32px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.07);--radius: 12px;--radius-sm: 8px;--transition: .2s ease}.page-wrapper{display:flex;justify-content:center;align-items:flex-start}.card{background:var(--white);border-radius:20px;box-shadow:var(--shadow-lg);width:100%;max-width:540px;overflow:hidden}.card-header{background:linear-gradient(135deg,var(--red) 0%,#a00e24 100%);color:var(--white);text-align:center;padding:36px 28px 28px}.brand-logo{font-size:52px;line-height:1;margin-bottom:12px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.header-logo{max-width:180px;max-height:100px;object-fit:contain;display:block;margin:0 auto;border-radius:5px}.card-header h1{font-size:26px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px;color:var(--white)}.subtitle{font-size:14px;opacity:.88;line-height:1.5;max-width:380px;margin:0 auto}form{padding:28px 28px 8px}.form-group{margin-bottom:20px}label{display:block;font-size:14px;font-weight:600;color:var(--gray-800);margin-bottom:6px}.required{color:var(--red)}input[type=text],input[type=email],input[type=tel]{width:100%;padding:11px 14px;font-size:15px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-800);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{border-color:var(--red);background:var(--white);box-shadow:0 0 0 3px #c412301f}input.input-error{border-color:#dc3545;background:#fff8f8}.field-hint{display:block;font-size:12px;color:var(--gray-400);margin-top:4px}.field-error{display:block;font-size:12.5px;color:#dc3545;margin-top:5px;min-height:0;transition:opacity var(--transition)}.upload-area{border:2px dashed var(--gray-200);border-radius:var(--radius);background:var(--gray-100);cursor:pointer;transition:border-color var(--transition),background var(--transition);overflow:hidden;min-height:140px;display:flex;align-items:center;justify-content:center}.upload-area:hover,.upload-area.drag-over{border-color:var(--red);background:var(--red-light)}.upload-area.has-file{border-style:solid;border-color:var(--gray-200);cursor:default}.upload-placeholder{text-align:center;padding:28px 16px;pointer-events:none}.upload-icon{font-size:40px;margin-bottom:10px}.upload-title{font-size:14px;font-weight:600;color:var(--gray-800);margin-bottom:4px}.upload-hint{font-size:12px;color:var(--gray-400)}.upload-instructions{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--gray-400);line-height:1.7}.upload-preview{position:relative;width:100%;display:none}.upload-preview img{width:100%;max-height:280px;object-fit:contain;display:block;background:#fafafa}.preview-overlay{position:absolute;top:8px;right:8px}.btn-remove{background:#0009;color:var(--white);border:none;border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer;transition:background var(--transition)}.btn-remove:hover{background:#000c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);text-decoration:none;padding:13px 20px}.btn:active{transform:scale(.98)}.btn-validate{width:100%;background:var(--red);color:var(--white);margin-top:4px;margin-bottom:24px;padding:14px 20px;font-size:16px;box-shadow:0 4px 14px #c412304d}.btn-validate:hover:not(:disabled){background:var(--red-dark);box-shadow:0 6px 20px #c4123061}.btn-validate:disabled{background:var(--gray-400);cursor:not-allowed;box-shadow:none}.btn-community{width:100%;background:var(--green-btn);color:var(--white);font-size:16px;padding:14px 20px;box-shadow:0 4px 14px #1a8a454d;margin-bottom:10px}.btn-community:hover:not(:disabled){background:var(--green-btn-hover);box-shadow:0 6px 20px #1a8a4561}.btn-community:disabled{background:var(--gray-400);cursor:not-allowed;box-shadow:none}.btn-secondary{width:100%;background:var(--gray-100);color:var(--gray-800);border:1.5px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200)}.result-panel{padding:0 28px 28px}.result-card{border-radius:var(--radius);padding:28px 24px;text-align:center}.result-success{background:var(--green-light);border:1.5px solid #b7dfcb}.result-error{background:#fff5f5;border:1.5px solid #f5b8be}.result-icon{font-size:48px;margin-bottom:12px}.result-card h2{font-size:20px;font-weight:700;margin-bottom:8px}.result-success h2{color:var(--green)}.result-error h2{color:#c0392b}.result-card p{font-size:14px;line-height:1.6;color:var(--gray-600);margin-bottom:20px}.privacy-notice{padding:16px 28px 24px;font-size:12px;line-height:1.6;color:var(--gray-400);text-align:center}.privacy-notice a{color:var(--red);text-decoration:underline}.privacy-notice a:hover{color:var(--red-dark)}@media (max-width: 480px){.card{border-radius:0;min-height:100vh}.card-header{padding:28px 20px 22px}.card-header h1{font-size:22px}form,.result-panel{padding-left:18px;padding-right:18px}}
