.screen-recorder-page[data-v-8ccb399a]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:20px}.page-header[data-v-8ccb399a]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:40px;padding:40px 20px;text-align:center}.page-header h1[data-v-8ccb399a]{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;font-size:36px;font-weight:700;margin:0 0 16px;-webkit-text-fill-color:transparent;background-clip:text}.page-header .page-description[data-v-8ccb399a]{color:#64748b;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.content-wrapper[data-v-8ccb399a]{margin:0 auto;max-width:1200px}.features-section[data-v-8ccb399a]{margin-bottom:60px}.features-section h2[data-v-8ccb399a]{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:40px;text-align:center}.features-grid[data-v-8ccb399a]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card[data-v-8ccb399a]{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:24px;text-align:center;transition:all .3s ease}.feature-card[data-v-8ccb399a]:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.feature-card .feature-icon[data-v-8ccb399a]{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.feature-card h3[data-v-8ccb399a]{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 12px}.feature-card p[data-v-8ccb399a]{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.instructions-section[data-v-8ccb399a]{margin-bottom:60px}.instructions-section h2[data-v-8ccb399a]{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:40px;text-align:center}.instructions-list[data-v-8ccb399a]{margin:0 auto;max-width:800px}.instruction-item[data-v-8ccb399a]{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;margin-bottom:32px;padding:24px}.instruction-item[data-v-8ccb399a]:last-child{margin-bottom:0}.instruction-step[data-v-8ccb399a]{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:40px;justify-content:center;margin-right:20px;width:40px}.instruction-content[data-v-8ccb399a]{flex:1}.instruction-content h3[data-v-8ccb399a]{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.instruction-content p[data-v-8ccb399a]{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.browser-support[data-v-8ccb399a]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:60px;padding:40px}.browser-support h2[data-v-8ccb399a]{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:40px;text-align:center}.browser-list[data-v-8ccb399a]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.browser-item[data-v-8ccb399a]{background:#f8fafc;border-radius:12px;padding:24px;text-align:center}.browser-item .browser-icon[data-v-8ccb399a]{background-position:50%;background-repeat:no-repeat;background-size:40px;border-radius:50%;height:64px;margin:0 auto 16px;width:64px}.browser-item .browser-icon.chrome[data-v-8ccb399a]{background-color:#f1f5f9;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234f46e5' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E")}.browser-item .browser-icon.edge[data-v-8ccb399a]{background-color:#f1f5f9;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230078d4' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E")}.browser-item .browser-icon.firefox[data-v-8ccb399a]{background-color:#f1f5f9;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff7139' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E")}.browser-item .browser-icon.safari[data-v-8ccb399a]{background-color:#f1f5f9;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E")}.browser-item h3[data-v-8ccb399a]{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.browser-item p[data-v-8ccb399a]{color:#6b7280;font-size:14px;margin:0}.browser-note[data-v-8ccb399a]{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:16px;text-align:center}.browser-note p[data-v-8ccb399a]{color:#92400e;font-size:14px;margin:0}.float-recorder-section[data-v-8ccb399a]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:60px;padding:40px}.float-recorder-section h2[data-v-8ccb399a]{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:20px;text-align:center}.float-recorder-section .section-description[data-v-8ccb399a]{color:#6b7280;font-size:16px;line-height:1.6;margin:0 auto 40px;max-width:800px;text-align:center}.demo-info[data-v-8ccb399a]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.info-card[data-v-8ccb399a]{background:#f8fafc;border-radius:12px;padding:24px}.info-card h3[data-v-8ccb399a]{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.info-card ul[data-v-8ccb399a]{margin:0;padding-left:20px}.info-card li[data-v-8ccb399a]{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:8px}.info-card li[data-v-8ccb399a]:last-child{margin-bottom:0}@media(max-width:768px){.page-header[data-v-8ccb399a]{padding:30px 20px}.page-header h1[data-v-8ccb399a]{font-size:28px}.page-header .page-description[data-v-8ccb399a]{font-size:16px}.browser-list[data-v-8ccb399a],.demo-info[data-v-8ccb399a],.features-grid[data-v-8ccb399a]{grid-template-columns:1fr}.instruction-item[data-v-8ccb399a]{align-items:center;flex-direction:column;text-align:center}.instruction-step[data-v-8ccb399a]{margin-bottom:16px;margin-right:0}.browser-support[data-v-8ccb399a],.features-section[data-v-8ccb399a],.float-recorder-section[data-v-8ccb399a],.instructions-section[data-v-8ccb399a]{margin-bottom:40px}.browser-support[data-v-8ccb399a],.float-recorder-section[data-v-8ccb399a]{padding:30px 20px}}