:root{--bg-color: #0a0a0a;--primary-color: #00f3ff;--primary-glow: rgba(0, 243, 255, .5);--text-color: #ffffff;--secondary-text: #a0a0a0;--accent-dark: #111111;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-color);background-color:var(--bg-color);background:radial-gradient(circle at 50% 0%,#1a2a2a,#0a0a0a 60%),linear-gradient(180deg,#0a0a0a,#000);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;margin:0;padding:0;text-align:left}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.neon-text{color:var(--primary-color);text-shadow:0 0 5px var(--primary-glow),0 0 10px var(--primary-glow)}.neon-border{border:1px solid var(--primary-color);box-shadow:0 0 5px var(--primary-glow),inset 0 0 5px var(--primary-glow)}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:#53f6ff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:var(--text-color);background-color:var(--bg-color)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;width:18px;height:18px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.transcription-layout{flex:1;display:flex;overflow:hidden}.transcription-main{flex:1;display:flex;flex-direction:column;border-right:1px solid #222}.transcription-sidebar{width:350px;display:flex;flex-direction:column;background:#0e0e0e;flex-shrink:0}.repurposing-container{max-width:100%;margin:0;padding:1.5rem 2rem;height:calc(100vh - 80px);box-sizing:border-box;display:flex;flex-direction:column}.repurposing-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;flex:1;min-height:0}.dash-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}.dash-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.dash-hamburger{display:none;position:fixed;top:1rem;left:1rem;z-index:200;background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:8px;padding:.5rem .65rem;cursor:pointer;color:#00f3ff;font-size:1.2rem;line-height:1;transition:all .2s}.dash-hamburger:hover{background:#00f3ff33}.dash-mobile-header{display:none}.hero-section{padding:8rem 2rem 5rem}.pricing-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.settings-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}@media(max-width:768px){.dash-hamburger{display:block;top:.75rem;left:1rem}.dash-mobile-header{display:flex!important;position:fixed;top:0;left:0;width:100%;height:4rem;background:#0a0a0cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);z-index:100;align-items:center;justify-content:center;box-sizing:border-box}.header-menu-btn{display:block!important}.transcription-layout{flex-direction:column;overflow-y:auto}.transcription-main{border-right:none;border-bottom:1px solid #222;min-height:400px}.transcription-sidebar{width:100%;min-height:500px}.repurposing-container{padding:1rem .5rem;height:auto;min-height:100vh}.repurposing-grid{grid-template-columns:1fr;gap:1rem;overflow-y:visible}.dash-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;z-index:150!important;transform:translate(-100%)}.dash-sidebar.open{transform:translate(0)}.dash-overlay.visible{display:block}.dash-main{padding-top:4rem!important;width:100%!important}.header-nav{display:none!important}.header-mobile-open .header-nav{display:flex!important;flex-direction:column;position:fixed;inset:0;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;align-items:center;justify-content:center;gap:2rem;font-size:1.5rem}.header-actions{gap:.5rem!important}.header-actions .header-login-btn{display:none}.header-actions button:not(.header-menu-btn){padding:.5rem 1rem!important;font-size:.85rem!important}.hero-section{padding:6rem 1rem 4rem!important;text-align:center}.hero-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.hero-section h1{font-size:2.5rem!important}.hero-section p{font-size:1rem!important;margin:0 auto 2rem!important}.hero-section button{margin:0 auto!important;display:block!important}.pricing-grid-wrapper{grid-template-columns:1fr!important}.settings-tabs{margin-bottom:1.5rem}.page-padded{padding:2rem 1rem!important}.features-section{padding:4rem 1rem!important}.section-title h2{font-size:2rem!important}.section-title p{font-size:1rem!important}.features-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.features-bento-grid{grid-template-columns:1fr!important;gap:3rem!important;margin-bottom:4rem!important}.features-cards-grid{grid-template-columns:1fr!important;gap:1rem!important}.features-showcase-grid{grid-template-columns:1fr!important;gap:2.5rem!important;padding:2rem!important}.features-smart-id-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.audience-card{min-width:280px!important;width:280px!important;height:400px!important}.audience-card h3{font-size:1.5rem!important}.testimonials-grid{grid-template-columns:1fr!important}.faq-section{padding:4rem 1rem!important}.how-grid{grid-template-columns:1fr!important}.footer-inner{flex-direction:column!important;gap:2rem;align-items:flex-start}.footer-links{flex-wrap:wrap!important;gap:1rem!important}.new-project-controls{flex-direction:column!important}}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.scroll-container{animation:scroll-up 45s linear infinite}.scroll-container:hover{animation-play-state:paused}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}