:root{--brand:#ff5602;--brand-hover:#e04a00;--bg-color:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--glass-bg:#ffffffd9;--glass-border:#fff3;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--font-sans:"Inter", system-ui, -apple-system, sans-serif}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;min-height:100vh;margin:0;display:flex}#root{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:800px;padding:2rem 1rem;display:flex}h1{letter-spacing:-.025em;color:var(--text-main);margin:1.5rem 0 1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.highlight{color:var(--brand);text-decoration:underline}p.subheadline{color:var(--text-muted);max-width:700px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.2}.badge{color:#000;border:1px solid var(--brand);letter-spacing:.05em;text-transform:uppercase;background-color:#ff56021a;border-radius:9999px;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}button{cursor:pointer;font-family:inherit}.btn-primary{background-color:var(--brand);color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 10px 15px -3px #ff56024d}.btn-primary:hover{background-color:var(--brand-hover);transform:translateY(-2px);box-shadow:0 15px 20px -3px #ff560266}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.preview-container{width:100%;max-width:600px;box-shadow:var(--shadow-xl);cursor:pointer;aspect-ratio:16/9;background-color:#f3f4f6;border-radius:20px;margin:0 auto 2.5rem;transition:transform .3s;position:relative;overflow:hidden}.preview-container:hover{transform:scale(1.02)}.preview-img{object-fit:cover;width:100%;height:100%;display:block}.play-overlay{background:#0003;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.preview-container:hover .play-overlay{background:#0000004d}.play-button{background:var(--brand);width:60px;height:60px;box-shadow:var(--shadow-md);color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex}.preview-container:hover .play-button{transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background:var(--bg-color);width:100%;max-width:500px;box-shadow:var(--shadow-xl);text-align:left;border-radius:20px;max-height:90vh;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow-y:auto;transform:scale(.95)translateY(10px)}.modal-overlay.open .modal-content{transform:scale(1)translateY(0)}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.25rem;font-size:1.5rem;line-height:1;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{color:var(--text-main);background:#0000000d}.modal-title{text-align:center;margin-top:0;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.modal-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-main);margin-bottom:.5rem;font-weight:600;display:block}.form-input{border:1px solid var(--border);box-sizing:border-box;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #ff56021a}.radio-group{gap:1.5rem;display:flex}.radio-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.radio-input{accent-color:var(--brand);cursor:pointer;width:1.25rem;height:1.25rem}.error-text{color:#ef4444;margin-top:.25rem;font-size:.875rem}.submit-btn{width:100%;margin-top:1rem}@media (width<=640px){h1{font-size:2rem}.modal-overlay{padding:.5rem}.modal-content{border-radius:16px;padding:1.25rem 1rem}.modal-title{font-size:1.4rem}.form-input{padding:.6rem .8rem}.badge{white-space:nowrap;padding:.4rem .75rem;font-size:.7rem}}