:root{--green: #2e7d32;--green-dark: #1b5e20;--bg: #f0f2f5;--ink: #1a1a2e}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}.page{width:100%;max-width:560px;margin:0 auto;padding:20px 16px calc(40px + env(safe-area-inset-bottom))}.hero{text-align:center;margin:12px 0 20px}.hero h1{margin:0 0 6px;font-size:clamp(22px,6vw,30px)}.hero p{margin:0;color:#555;font-size:15px}.card{background:#fff;border-radius:16px;padding:20px;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}.field .opt{font-weight:400}input[type=text],input[type=email],textarea,input[type=file]{width:100%;padding:12px 13px;border:1px solid #d4d8e0;border-radius:10px;font-size:16px;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;min-height:96px}.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:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,transform .05s;touch-action:manipulation;min-height:48px}button:hover:not(:disabled){background:var(--green-dark)}button:active:not(:disabled){transform:scale(.99)}button:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.45}.alert-error{background:#ffebee;color:#b71c1c;border:1px solid #ef9a9a}.foot{text-align:center;color:#888;font-size:13px;margin-top:24px}.foot .version{display:block;margin-top:4px;font-size:11px;color:#aaa}.success{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(1200px 500px at 50% -10%,rgba(46,125,50,.18),transparent 60%),var(--bg)}.success-card{background:#fff;width:100%;max-width:460px;border-radius:22px;padding:40px 28px 32px;text-align:center;box-shadow:0 20px 60px #1b5e202e;animation:pop .45s cubic-bezier(.22,1,.36,1) both}@keyframes pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.badge{width:104px;height:104px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#43a047,#1b5e20);box-shadow:0 12px 28px #2e7d3273;animation:badgePulse 2.4s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 12px 28px #2e7d3273}50%{box-shadow:0 12px 40px #2e7d32a6}}.check{width:60px;height:60px}.check-circle{stroke:#ffffff8c;stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:draw .5s ease-out .15s forwards}.check-mark{stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:draw .4s ease-out .55s forwards}@keyframes draw{to{stroke-dashoffset:0}}.success-card h1{margin:0 0 10px;font-size:clamp(24px,7vw,30px);color:var(--green-dark)}.success-card p{margin:0 0 26px;color:#444;font-size:16px;line-height:1.55}.btn-new{width:100%}@media(prefers-reduced-motion:reduce){.success-card,.badge,.check-circle,.check-mark{animation:none}.check-circle,.check-mark{stroke-dashoffset:0}}
