.action-landing,.action-call-screen,.action-done-screen{min-height:100vh;color:var(--foreground);font-family:var(--font-inter),system-ui,-apple-system,sans-serif;background:#e8eef3;flex-direction:column;align-items:center;padding:1rem;display:flex}.action-landing{max-width:100%}@media (min-width:480px){.action-landing{padding:2rem}}.action-landing>header,.action-landing>main,.action-landing>footer{width:100%;max-width:420px}.action-loading{background:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.action-error{text-align:center;background:var(--background);min-height:100vh;color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.action-error h1{margin-bottom:.5rem;font-size:1.5rem}.action-hero{background:linear-gradient(135deg,var(--primary)0%,#3b82f6 50%,#60a5fa 100%);border-radius:var(--radius-lg)var(--radius-lg)0 0;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.action-hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.action-hero-gradient{background:linear-gradient(135deg,var(--primary)0%,#3b82f6 50%,#8b5cf6 100%);z-index:0;position:absolute;inset:0}.action-hero:after{content:"";background:linear-gradient(to top,var(--background)0%,transparent 50%);z-index:1;position:absolute;inset:0}.action-hero-content{z-index:2;width:100%;max-width:600px;position:relative}.action-headline{color:#fff;text-shadow:0 2px 8px #0003;margin:0 0 .75rem;font-size:2rem;font-weight:800;line-height:1.1}.action-description{color:#ffffffe6;margin:0 0 1rem;font-size:1rem;line-height:1.5}.action-video-container{border-radius:var(--radius-lg);width:100%;max-width:280px;margin:1rem auto;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.action-hero-video-thumb,.action-video-placeholder{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);width:100%}.action-video-placeholder{background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%)}.action-play-btn{cursor:pointer;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #0003}.action-play-btn:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 6px 20px #0000004d}.action-play-icon{color:var(--primary);margin-left:3px;font-size:1.25rem}.action-stats{gap:1.5rem;margin-top:.5rem;display:flex}.action-stat{flex-direction:column;display:flex}.action-stat-value{color:#fff;font-size:1.75rem;font-weight:700}.action-stat-label{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.action-form-container{border-radius:0 0 var(--radius-lg)var(--radius-lg);background:#fff;padding:0;box-shadow:0 4px 20px #0000001a}.action-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:10;max-width:420px;margin:-2rem auto 0;padding:1.5rem;position:relative}.action-form h2{text-align:center;color:var(--foreground);margin:0 0 .25rem;font-size:1.25rem}.action-form-subtitle{color:var(--foreground-muted);text-align:center;margin:0 0 1.25rem;font-size:.875rem}.action-form-error{background:var(--danger-muted);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);text-align:center;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.action-field{margin-bottom:1rem}.action-field label{color:var(--foreground);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.action-field input,.action-field select{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--foreground);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:.875rem;font-size:1rem}.action-field input:focus,.action-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted);outline:none}.action-field input::placeholder{color:var(--foreground-subtle)}.action-checkbox{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.action-checkbox input{width:18px;height:18px;accent-color:var(--primary)}.action-checkbox label{color:var(--foreground-muted);font-size:.875rem}.action-submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background var(--transition-fast),transform var(--transition-fast);border:none;padding:1rem;font-size:1.125rem;font-weight:600}.action-submit-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-submit-btn:active:not(:disabled){transform:translateY(0)}.action-submit-btn:disabled{opacity:.6;cursor:not-allowed}.action-terms{color:var(--foreground-muted);text-align:center;margin:1rem 0 0;font-size:.75rem}.action-terms a{color:var(--primary);text-decoration:none}.action-terms a:hover{text-decoration:underline}.action-tips{max-width:420px;margin:0 auto;padding:1.5rem}.action-tips h3{color:var(--foreground);margin:0 0 .75rem;font-size:1rem}.action-tips ul{margin:0;padding:0;list-style:none}.action-tips li{color:var(--foreground-muted);border-bottom:1px solid var(--border);padding:.625rem 0;font-size:.875rem}.action-tips li:last-child{border-bottom:none}.action-submit-btn-green{background:#22c55e}.action-submit-btn-green:hover:not(:disabled){background:#16a34a}.action-field-hint{color:var(--foreground-subtle);margin-top:.375rem;font-size:.75rem;display:block}.action-target-selection{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);margin:1rem 0 1.25rem;padding:1rem}.action-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:600;display:block}.action-checkbox label.disabled{color:var(--foreground-subtle)}.action-footer-hint{color:var(--foreground-muted);text-align:center;margin:1rem 0 0;font-size:.75rem}@media (min-width:768px){.action-hero{min-height:45vh;padding:2rem}.action-headline{font-size:3rem}.action-form-container{padding:2rem}.action-form{margin-top:-3rem;padding:2rem}}
