@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fffffff2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-deep:#06040a;--color-panel-glass:#0d0917a6;--color-border-glass:#ffffff12;--purple:271, 91%, 65%;--pink:327, 85%, 60%;--indigo:239, 84%, 67%;--blue:217, 91%, 60%;--rose:343, 80%, 62%;--green:142, 76%, 45%;--glow-purple:0 0 20px #a855f759;--glow-green:0 0 15px #22c55e80;--glow-active:0 0 25px #ec489966;background-color:#06040a;font-family:Outfit,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle,#150d30 0%,#06040a 100%) fixed;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.aurora-container{z-index:-2;background:#06040a;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.aurora-bg{filter:blur(80px);background:radial-gradient(circle at 30% 30%,#a855f726 0%,#0000 40%),radial-gradient(circle at 70% 60%,#ec48991f 0%,#0000 45%),radial-gradient(circle at 40% 80%,#6366f126 0%,#0000 40%),radial-gradient(circle at 80% 20%,#3b82f61a 0%,#0000 35%);width:200%;height:200%;animation:30s linear infinite aurora-rotation;position:absolute;top:-50%;left:-50%}@keyframes aurora-rotation{0%{transform:rotate(0)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff03}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--color-panel-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-glass);border-radius:20px;box-shadow:0 15px 35px #00000080,inset 0 1px 1px #ffffff0d}.glass-input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box!important;width:100%!important}.glass-input:focus{box-shadow:0 0 0 3px #a855f726, var(--glow-purple);background:#ffffff0f;border-color:#a855f7cc}.segmented-control{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:4px;display:flex;position:relative}.segmented-btn{color:#9ca3af;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:color .3s}.segmented-btn.active{color:#fff}.segmented-slider{background:linear-gradient(135deg, hsl(var(--purple)) 0%, hsl(var(--pink)) 100%);border-radius:8px;width:calc(50% - 4px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 10px #a855f759}.color-picker{gap:10px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:relative}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{box-shadow:0 0 10px var(--swatch-color);border-color:#fff;transform:scale(1.1)}.landing-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.landing-card{border:1px solid #ffffff14;width:100%;max-width:500px;padding:40px;position:relative;overflow:hidden}.landing-glow-orb{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#a855f733 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;left:-20%}.btn-primary{background:linear-gradient(135deg, hsl(var(--purple)) 0%, hsl(var(--pink)) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 5px 20px #a855f74d}.btn-primary:hover{box-shadow:0 8px 25px #ec489966, var(--glow-active);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#d1d5db;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{color:#fff;background:#ffffff17;border-color:#ffffff26}@keyframes pulse-speaking{0%{box-shadow:0 0 #22c55ecc}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.speaking-ring{animation:1.2s infinite pulse-speaking;border-color:#22c55e!important}@keyframes float-up{0%{opacity:.8;transform:translateY(0)scale(.6)rotate(0)}to{opacity:0;transform:translateY(-280px)scale(1.6)rotate(30deg)}}.floating-emoji{pointer-events:none;z-index:100;font-size:2.5rem;animation:1.8s cubic-bezier(.08,.82,.17,1) forwards float-up;position:absolute;bottom:90px}.dashboard-grid{grid-template-columns:1fr 380px;gap:24px;max-width:1600px;height:calc(100vh - 80px);margin:0 auto;padding:24px;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr;height:auto;overflow-y:auto}}.player-container{aspect-ratio:16/9;border:1px solid var(--color-border-glass);background:#000;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000a6}.video-element{width:100%;height:100%;display:block}.ambient-glow{filter:blur(65px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#a855f72e 0%,#0000 70%);width:95%;height:95%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.typing-dots span{font-size:1.2rem;line-height:.5;animation:1.4s infinite both typing-bounce;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}header{border-bottom:1px solid #ffffff0d}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-center{justify-content:center!important}.relative{position:relative!important}.absolute{position:absolute!important}.pointer-events-none{pointer-events:none!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.inset-0{inset:0!important}.top-4{top:16px!important}.right-4{right:16px!important}.left-4{left:16px!important}.bottom-4{bottom:16px!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.hidden{display:none!important}.block{display:block!important}.inline,.sm\:inline{display:inline!important}.gap-1{gap:4px!important}.gap-1\.5{gap:6px!important}.gap-2{gap:8px!important}.gap-2\.5{gap:10px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.gap-5{gap:20px!important}.gap-6{gap:24px!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mb-0\.5{margin-bottom:2px!important}.mb-2{margin-bottom:8px!important}.mb-6{margin-bottom:24px!important}.mr-0{margin-right:0!important}.p-1{padding:4px!important}.p-1\.5{padding:6px!important}.p-2{padding:8px!important}.p-2\.5{padding:10px!important}.p-3{padding:12px!important}.p-4{padding:16px!important}.p-6{padding:24px!important}.p-8{padding:32px!important}.px-1{padding-left:4px!important;padding-right:4px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.px-3\.5{padding-left:14px!important;padding-right:14px!important}.px-4{padding-left:16px!important;padding-right:16px!important}.px-6{padding-left:24px!important;padding-right:24px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.py-1\.5{padding-top:6px!important;padding-bottom:6px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-2\.5{padding-top:10px!important;padding-bottom:10px!important}.py-3\.5{padding-top:14px!important;padding-bottom:14px!important}.py-4{padding-top:16px!important;padding-bottom:16px!important}.pr-10{padding-right:40px!important}.w-full{width:100%!important}.h-full{height:100%!important}.w-2\.5{width:10px!important}.h-2\.5{height:10px!important}.w-3{width:12px!important}.h-3{height:12px!important}.w-3\.5{width:14px!important}.h-3\.5{height:14px!important}.w-4{width:16px!important}.h-4{height:16px!important}.w-4\.5{width:18px!important}.h-4\.5{height:18px!important}.w-5{width:20px!important}.h-5{height:20px!important}.w-8{width:32px!important}.h-8{height:32px!important}.w-9{width:36px!important}.h-9{height:36px!important}.w-12{width:48px!important}.h-12{height:48px!important}.w-14{width:56px!important}.h-14{height:56px!important}.w-16{width:64px!important}.h-16{height:64px!important}.max-w-md{max-w:448px!important}.max-w-\[80\%\]{max-width:80%!important}.max-w-\[320px\]{max-width:320px!important}.max-w-\[450px\]{max-width:450px!important}.max-w-\[70px\]{max-width:70px!important}.rounded-lg{border-radius:8px!important}.rounded-xl{border-radius:12px!important}.rounded-2xl{border-radius:16px!important}.rounded-full{border-radius:9999px!important}.text-xs{font-size:12px!important}.text-\[10px\]{font-size:10px!important}.text-\[9px\]{font-size:9px!important}.text-sm{font-size:14px!important}.text-base{font-size:16px!important}.text-lg{font-size:18px!important}.text-xl{font-size:20px!important}.text-2xl{font-size:24px!important}.text-3xl{font-size:30px!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.font-extrabold{font-weight:800!important}.font-mono{font-family:monospace!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-white{color:#fff!important}.text-gray-300{color:#d1d5db!important}.text-gray-400{color:#9ca3af!important}.text-gray-500{color:#6b7280!important}.text-purple-300{color:#d8b4fe!important}.text-purple-400{color:#c084fc!important}.text-pink-400{color:#f472b6}.text-blue-400{color:#60a5fa}.text-red-400{color:#f87171!important}.text-green-500{color:#22c55e!important}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-bounce{animation:1s infinite bounce}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-spin{animation:1s linear infinite spin!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}