:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-dark: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--success: #10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}#root{flex:1;display:flex;flex-direction:column}.app-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,rgba(15,23,42,0) 70%);z-index:0;pointer-events:none}.form-card{background:rgba(30,41,59,.7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;padding:40px;width:100%;max-width:500px;box-shadow:0 24px 48px #0003;z-index:1;position:relative;overflow:hidden}.step-header{text-align:center;margin-bottom:32px}.step-title{font-size:24px;font-weight:700;margin-bottom:8px;line-height:1.3;letter-spacing:-.5px}.step-subtitle{font-size:15px;color:var(--text-muted)}.options-grid{display:grid;grid-template-columns:1fr;gap:16px}.option-btn{background:rgba(255,255,255,.03);border:1px solid var(--border);padding:20px;border-radius:16px;color:var(--text-main);font-size:18px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px}.option-btn:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);border-color:#fff3}.option-btn.selected{background:rgba(37,99,235,.15);border-color:var(--primary);color:#fff;box-shadow:0 8px 24px #2563eb33}.input-group{margin-bottom:24px;text-align:left}.input-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-muted)}.input-field{width:100%;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:12px;padding:16px;color:#fff;font-size:16px;font-family:inherit;transition:all .2s}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}.btn-primary{width:100%;background:var(--primary);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 8px 20px #2563eb4d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-container{position:absolute;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.05)}.progress-bar{height:100%;background:var(--primary);transition:width .5s ease}.header{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;letter-spacing:-.5px}.header span{color:var(--primary)}.video-wrapper{margin-bottom:32px;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0000004d;position:relative;background:#000;aspect-ratio:9/16;max-height:400px;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.video-wrapper iframe{width:100%;height:100%;border:none}