@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";*{margin:0;padding:0;box-sizing:border-box}video:fullscreen,video:-webkit-full-screen,video:-moz-full-screen,video:-ms-fullscreen{object-fit:contain!important;object-position:center center!important;width:100vw!important;height:100vh!important;background:#000!important;border-radius:0!important}video::backdrop,video::-webkit-backdrop{background:#000}a,a:hover{text-decoration:none}button:not([class*=bg-]):not([class*=border-]):not(.no-override):focus,button:not([class*=bg-]):not([class*=border-]):not(.no-override):active,button:not([class*=bg-]):not([class*=border-]):not(.no-override):hover:focus,button:not([class*=bg-]):not([class*=border-]):not(.no-override):active:focus{outline:none;box-shadow:none}button:not(.btn-styled):not(.no-override){background:transparent;outline:none;box-shadow:none}.btn-styled{background:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:center}.btn-styled:hover{transform:scale(1.02);text-shadow:0 0 8px rgba(255,255,255,.5)}.btn-green{background:transparent;border:1px solid rgba(34,197,94,.6);box-shadow:none;color:#fff}.btn-green:hover{background:#22c55e26;border:1px solid rgba(34,197,94,.8);box-shadow:0 0 12px #22c55e66;transform:scale(1.05);text-shadow:0 0 6px rgba(34,197,94,.6)}button:focus:not(:focus-visible){outline:none}.fixed.bottom-8.left-8{position:fixed;inset:auto auto 32px 32px;transform:none}button.focus\:outline-none:focus{outline:none;box-shadow:none}*:focus{box-shadow:none}*:focus:not(:focus-visible){outline:none}html{scroll-behavior:smooth}.smoky-gradient-bg{background:radial-gradient(ellipse at 15% 50%,rgba(139,69,199,.3) 0%,rgba(139,69,199,.1) 25%,transparent 50%),radial-gradient(ellipse at 85% 50%,rgba(219,39,119,.3) 0%,rgba(219,39,119,.1) 25%,transparent 50%),radial-gradient(ellipse at 50% 50%,#000 20%,#000000e6,#000000b3,#0006,#0003);background-attachment:fixed;min-height:100vh}body{background:#000;background-attachment:fixed;color:#f9fafb;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.light .smoky-gradient-bg{background:radial-gradient(ellipse at 15% 50%,rgba(139,69,199,.15) 0%,rgba(139,69,199,.05) 25%,transparent 50%),radial-gradient(ellipse at 85% 50%,rgba(219,39,119,.15) 0%,rgba(219,39,119,.05) 25%,transparent 50%),radial-gradient(ellipse at 50% 50%,#fff 20%,#fffffff2,#f8fafce6,#f1f5f9cc,#e2e8f099);background-attachment:fixed;min-height:100vh}.light body{background:#fff;color:#1f2937}.light .bg-black{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.light .text-white{color:#1f2937}.light .text-gray-300{color:#4b5563}.light .text-gray-400{color:#6b7280}.btn-primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-weight:500;padding:.75rem 1.5rem;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #a855f74d;border:1px solid rgba(168,85,247,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#9333ea,#6d28d9);box-shadow:0 8px 25px #a855f766;transform:translateY(-2px) scale(1.02)}.btn-primary:hover:before{opacity:1}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.plan-card{background:linear-gradient(135deg,#1a1a1ae6,#000c);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(168,85,247,.2);box-shadow:0 8px 25px #0000004d,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.05),transparent);opacity:0;transition:opacity .4s ease}.plan-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 40px #0006,0 0 30px #a855f733,inset 0 1px #ffffff1a;border-color:#a855f766}.plan-card:hover:before{opacity:1}.plan-card.featured{border:2px solid rgba(59,130,246,.5);background:linear-gradient(135deg,#1e3a8a33,#000000e6);box-shadow:0 10px 30px #3b82f64d,inset 0 1px #ffffff1a}.light .plan-card{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid rgba(168,85,247,.2);box-shadow:0 8px 25px #00000014,inset 0 1px #fffc}.light .plan-card:hover{box-shadow:0 15px 40px #0000001f,0 0 30px #a855f726,inset 0 1px #fff}.filter-btn{padding:8px 16px;border-radius:8px;font-weight:500;font-size:.875rem;color:#9ca3af;background:transparent;border:1px solid rgba(168,85,247,.1);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.1),transparent);opacity:0;transition:opacity .3s ease}.filter-btn:hover{color:#fff;background:linear-gradient(135deg,#a855f71a,#581c870d);border-color:#a855f74d;box-shadow:0 4px 15px #a855f733;transform:translateY(-1px)}.filter-btn:hover:before{opacity:1}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#a855f733,#581c871a);border-color:#a855f766;box-shadow:0 6px 20px #a855f74d,inset 0 1px #ffffff1a;transform:translateY(-1px)}.light .filter-btn{color:#6b7280}.light .filter-btn:hover{color:#1f2937;background:linear-gradient(135deg,#a855f714,#581c8708)}.light .filter-btn.active{color:#1f2937;background:linear-gradient(135deg,#a855f726,#581c8714)}.video-card{background:linear-gradient(135deg,#1e293bcc,#0f172a99);border:1px solid rgba(168,85,247,.2);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a}.video-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #a855f733,0 4px 20px #00000026;border-color:#a855f766}.light .video-card{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid rgba(168,85,247,.15);color:#1f2937}.light .video-card:hover{box-shadow:0 8px 30px #a855f726,0 4px 20px #00000014}.action-btn{width:2.5rem;height:2.5rem;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.action-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 20px #0000004d}.action-btn:hover:before{opacity:1}.action-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e4d}.action-btn.primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66}.action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.action-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466}.action-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.action-btn.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66}.action-btn:not(.primary):not(.danger):not(.warning){background:linear-gradient(135deg,#4b5563cc,#37415199);color:#d1d5db;border:1px solid rgba(168,85,247,.2)}.action-btn:not(.primary):not(.danger):not(.warning):hover{background:linear-gradient(135deg,#4b5563,#374151cc);color:#fff;border-color:#a855f766}.min-h-screen{min-height:100vh}.h-full{height:100%}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-5>*+*{margin-left:1.25rem}.space-x-6>*+*{margin-left:1.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-12>*+*{margin-top:3rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-20{gap:5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.p-16{padding:4rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pb-8{padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-20{margin-top:5rem;margin-bottom:5rem}.my-24{margin-top:6rem;margin-bottom:6rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-16{margin-left:4rem}.ml-72{margin-left:18rem}.w-8{width:2rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-48{width:12rem}.w-72{width:18rem}.w-96{width:24rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-0\.5{height:.125rem}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-800{background-color:#1f2937}.bg-blue-600{background-color:#2563eb}.bg-purple-600{background-color:#9333ea}.bg-green-600{background-color:#16a34a}.bg-yellow-400{background-color:#facc15}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.dark .bg-gray-800{background-color:#1f2937}.dark .text-white{color:#f9fafb}.dark .text-gray-300{color:#d1d5db}.dark .text-gray-400{color:#9ca3af}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-gray-200{border-color:#e5e7eb}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-white{border-color:#fff}.border-opacity-10{border-color:#ffffff1a}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.left-1\/2{left:50%}.right-1\/2{right:50%}.top-1\/2{top:50%}.bottom-1\/2{bottom:50%}.translate-x-1\/2{transform:translate(50%)}.translate-y-1\/2{transform:translateY(50%)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.pointer-events-auto{pointer-events:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-7xl{font-size:4.5rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.tracking-tight{letter-spacing:-.025em}.transition-all{transition:all .2s}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-white:hover{color:#fff}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:border-purple-500:hover{border-color:#a855f7}.hover\:underline:hover{text-decoration:underline}.hover\:scale-105:hover{transform:scale(1.05)}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hidden{display:none}.block,.auth-form{display:block}.active-auth-tab{background-color:#6d28d9;color:#fff}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#1f2937;transition:all .2s}.form-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.dark .form-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.dark .form-input:focus{border-color:#9333ea}.btn-secondary{background-color:#1e293b;color:#d1d5db;font-weight:500;padding:.75rem 1.5rem;border-radius:.75rem;transition:all .2s;border:1px solid #475569;cursor:pointer}.btn-secondary:hover{background-color:#334155;color:#fff;border-color:#64748b}.btn-outline{background-color:transparent;color:#6b7280;font-weight:500;padding:.75rem 1.5rem;border-radius:.75rem;transition:all .2s;border:1px solid #d1d5db;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-outline:hover{background-color:#f9fafb;color:#374151}.dark .btn-outline{color:#9ca3af;border-color:#4b5563}.dark .btn-outline:hover{background-color:#374151;color:#f3f4f6}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{transform:translate(0)}.translate-x-1{transform:translate(.25rem)}.-translate-x-full{transform:translate(-100%)}.z-10{z-index:10}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[8rem\]{max-width:8rem}.max-w-\[9rem\]{max-width:9rem}.max-w-\[11rem\]{max-width:11rem}.text-gray-300{color:#d1d5db}@media (max-width: 640px){.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:hidden{display:none}}.settings-section{background:#1f2937;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;margin-bottom:2rem}.bg-dark-600{background-color:#475569}.bg-dark-700{background-color:#334155}.bg-dark-800{background-color:#1e293b}.bg-dark-850{background-color:#1a202c}.border-dark-600{border-color:#475569}.border-dark-700{border-color:#334155}.dark\:bg-dark-700{background-color:#334155}.dark\:bg-dark-850{background-color:#1a202c}.dark\:border-dark-600{border-color:#475569}.dark\:border-dark-700{border-color:#334155}.dark\:text-white{color:#fff}.dark\:text-gray-300{color:#d1d5db}.dark\:text-gray-400{color:#9ca3af}.light\:bg-white{background-color:#fff}.light\:bg-blue-50\/50{background-color:#eff6ff80}.light\:bg-blue-100{background-color:#dbeafe}.light\:bg-blue-200\/50{background-color:#dbeafe80}.light\:bg-purple-100{background-color:#f3e8ff}.light\:bg-green-100{background-color:#dcfce7}.light\:bg-gray-100{background-color:#f3f4f6}.light\:bg-gray-200{background-color:#e5e7eb}.light\:border-gray-200{border-color:#e5e7eb}.light\:border-gray-300{border-color:#d1d5db}.light\:border-blue-300{border-color:#93c5fd}.light\:border-purple-300{border-color:#d8b4fe}.light\:border-green-300{border-color:#86efac}.light\:text-gray-500{color:#6b7280}.light\:text-gray-600{color:#4b5563}.light\:text-gray-700{color:#374151}.light\:text-gray-900{color:#111827}.light\:text-blue-500{color:#3b82f6}.light\:text-blue-600{color:#2563eb}.light\:text-blue-700{color:#1d4ed8}.light\:text-blue-900{color:#1e3a8a}.light\:text-green-500{color:#22c55e}.light\:text-green-600{color:#16a34a}.light\:text-green-700{color:#15803d}.light\:text-green-900{color:#14532d}.light\:text-purple-500{color:#a855f7}.light\:text-purple-600{color:#9333ea}.light\:text-purple-700{color:#7c3aed}.light\:text-purple-900{color:#581c87}.light\:text-orange-500{color:#f97316}.light\:text-orange-600{color:#ea580c}.light\:text-orange-700{color:#c2410c}.light\:text-orange-900{color:#9a3412}.dark\:hover\:border-blue-400:hover{border-color:#60a5fa}.dark\:hover\:border-purple-400:hover{border-color:#c084fc}.dark\:hover\:border-green-400:hover{border-color:#4ade80}.light\:hover\:border-blue-300:hover{border-color:#93c5fd}.light\:hover\:border-purple-300:hover{border-color:#d8b4fe}.light\:hover\:border-green-300:hover{border-color:#86efac}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-900{color:#1e3a8a}.bg-blue-400{background-color:#60a5fa}.bg-blue-500{background-color:#3b82f6}.bg-blue-900\/20{background-color:#1e3a8a33}.text-green-400{color:#4ade80}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-green-900{color:#14532d}.bg-green-400{background-color:#4ade80}.bg-green-500{background-color:#22c55e}.text-purple-400{color:#c084fc}.text-purple-500{color:#a855f7}.text-purple-600{color:#9333ea}.text-purple-700{color:#7c3aed}.text-purple-900{color:#581c87}.bg-purple-500{background-color:#a855f7}.text-orange-400{color:#fb923c}.text-orange-500{color:#f97316}.text-orange-600{color:#ea580c}.text-orange-700{color:#c2410c}.text-orange-900{color:#9a3412}.transform{transform:none}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.scale-105{transform:scale(1.05)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:solid;transform-origin:center;will-change:transform}button:not([class*=bg-]):not([class*=border-]):hover{transform:translateY(-1px)}.font-normal{font-weight:400}.leading-relaxed{line-height:1.625}.max-w-5xl{max-width:64rem}.demo-phone-clean,.upload-phone-clean{width:320px;height:580px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:55px;border:2px solid #404040;padding:0;transition:all .4s ease;overflow:hidden;transform:translateY(0);position:relative}.demo-phone-clean:before,.upload-phone-clean:before{content:"";position:absolute;inset:12px;border:1px solid rgba(168,85,247,.3);border-radius:45px;transition:all .4s ease;pointer-events:none}.demo-phone-clean{box-shadow:0 20px 40px #0006,0 0 0 1px #3b82f61a}.demo-phone-clean:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000080,0 0 80px #3b82f666,0 0 0 1px #3b82f699;border-color:#3b82f6}.demo-phone-clean:hover:before{border-color:#3b82f680}.upload-phone-clean{box-shadow:0 20px 40px #0006,0 0 0 1px #a855f71a}.upload-phone-clean:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000080,0 0 80px #a855f766,0 0 0 1px #a855f799}.upload-phone-clean:hover:before{border-color:#a855f780}.light .demo-phone-clean,.light .upload-phone-clean{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1}.light .demo-phone-clean{box-shadow:0 20px 40px #00000026,0 0 0 1px #3b82f61a}.light .demo-phone-clean:hover{box-shadow:0 30px 60px #0003,0 0 80px #3b82f64d,0 0 0 1px #3b82f680;border-color:#3b82f6}.light .upload-phone-clean{box-shadow:0 20px 40px #00000026,0 0 0 1px #a855f71a}.light .upload-phone-clean:hover{box-shadow:0 30px 60px #0003,0 0 80px #a855f74d,0 0 0 1px #a855f780;border-color:#a855f7}.markdown-separator{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(168,85,247,.4),transparent);margin:48px 0;opacity:.8;position:relative}.markdown-separator:before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent)}.light .markdown-separator{background:linear-gradient(to right,transparent,rgba(168,85,247,.3),transparent)}.light .markdown-separator:before{background:linear-gradient(to right,transparent,rgba(0,0,0,.1),transparent)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.no-underline{text-decoration:none}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-purple-700:hover{background-color:#7c3aed}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #00000040}.duration-500{transition-duration:.5s}.video-thumbnail{position:relative;width:100%;aspect-ratio:9/16;background:#000;border-radius:12px 12px 0 0;overflow:hidden}.thumbnail-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;transition:all .3s ease}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-status{position:absolute;top:8px;left:8px}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.processing{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-badge.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.video-info{padding:12px}.video-title{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:6px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.light .video-title{color:#1f2937}.video-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.75rem}.video-date,.video-size{color:#9ca3af}.video-actions{display:flex;gap:6px;flex-wrap:wrap}.processing-indicator{width:100%;display:flex;flex-direction:column;gap:4px}.processing-bar{width:100%;height:4px;background:#4b55634d;border-radius:2px;overflow:hidden}.processing-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease}.empty-state{text-align:center;padding:4rem 2rem;color:#9ca3af}.library-stats-bar{background:#1a1a1acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.library-sort-select{background:#1e293b;color:#fff;border:1px solid #475569}.library-sort-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.text-primary-400{color:#c084fc}.bg-primary-600{background-color:#7c3aed}.hover\:bg-primary-700:hover{background-color:#6d28d9}.border-primary-500{border-color:#a855f7}.focus\:ring-primary-500:focus{box-shadow:0 0 0 3px #a855f74d}.focus\:border-transparent:focus{border-color:transparent}.ring-2{box-shadow:0 0 0 2px #a855f74d}.focus\:ring-2:focus{box-shadow:0 0 0 2px #a855f74d}.focus\:outline-none:focus{outline:none}.inline-flex{display:inline-flex}.col-span-full{grid-column:1 / -1}.last\:mb-0:last-child{margin-bottom:0}.resize-none{resize:none}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (max-width: 1023px){.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.md\:grid-cols-2,.md\:grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width: 768px){html,body{overflow-x:hidden;overflow-y:auto}main{height:auto!important;min-height:100vh}[style*="calc(100px - (100vw"]{margin-left:0!important;margin-right:0!important}}@media (max-width: 768px){.demo-phone-clean,.upload-phone-clean{width:min(280px,calc(100vw - 2.5rem))!important;height:auto!important;aspect-ratio:320 / 580;max-width:100%}.homepage-content [style*="width: '320px'"],.homepage-content [style*="width:'320px'"]{width:100%!important;max-width:320px}}@media (max-width: 768px){html .video-grid-container[data-video-size=large],body .video-grid-container[data-video-size=large]{grid-template-columns:1fr!important;gap:10px!important}html .video-grid-container[data-video-size=small],body .video-grid-container[data-video-size=small]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.video-modal-content{max-width:calc(100vw - 1rem)!important;border-radius:12px!important}.video-modal-backdrop{padding:8px!important}}@media (max-width: 768px){.billing-plans-grid{grid-template-columns:1fr!important;max-width:24rem!important;gap:1rem!important}.billing-plan-card{height:auto!important;min-height:0!important;padding:1.25rem!important}.billing-plan-button-container{position:static!important;margin-top:1rem;left:auto!important;right:auto!important;bottom:auto!important}.billing-plan-content{padding-bottom:0!important}.billing-plan-features{margin-bottom:1rem!important;min-height:0!important}.billing-plan-button,.billing-plan-button-secondary{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.3!important;word-break:normal;overflow-wrap:anywhere}}@media (max-width: 768px){.create-page-content{padding-left:8px!important;padding-right:8px!important}.tab-navigation{overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}}@media (max-width: 768px){.profile-dropdown-mobile{width:min(280px,calc(100vw - 1.5rem))!important;right:0!important}input,textarea,select{max-width:100%;box-sizing:border-box}table{width:100%!important;table-layout:auto!important}}@media (max-width: 768px){.nav-panel-mobile-compact .nav-panel-label{display:none!important}.nav-panel-mobile-compact a{padding:.6rem .75rem!important}}@media (max-width: 768px){.result-popout-scroll{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.45) transparent;-webkit-overflow-scrolling:touch}.video-modal-mobile-stack{animation-duration:.2s!important}}@media (max-width: 768px){[data-nyx-side-panel="1"]{max-width:100%}}@media (max-width: 768px){h1,h2,h3,h4,h5,h6,p,li{overflow-wrap:anywhere}span:not([style*=nowrap]),div:not([style*=nowrap]){overflow-wrap:break-word}}.upload-phone-container{transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:32px;box-shadow:0 0 20px #ffffff0d,0 0 40px #ffffff05}.upload-phone-container:hover{box-shadow:0 0 12px #ffffff26;border-color:#fff6;transform:scale(1.01)}.upload-phone-container.dragging{box-shadow:0 0 30px #a855f74d;border-color:#a855f7cc}.upload-phone-video{border-radius:28px;-o-object-fit:cover;object-fit:cover}.upload-phone-reupload{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;border:1px solid rgba(255,255,255,.3);color:#fff;transition:all .2s ease}.upload-phone-reupload:hover{background:#000000e6;border-color:#ffffff80;transform:scale(1.05)}.tab-navigation{display:flex;border-bottom:none;padding-bottom:0;margin-bottom:0}.tab-button{padding:12px 16px;font-size:.875rem;font-weight:300;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .15s ease;border-bottom:2px solid transparent;background:transparent;color:#9ca3af;cursor:pointer}.tab-button:hover{color:#fff;border-bottom-color:#fff3}.tab-button.active{color:#fff;border-bottom-color:#fff6}.processing-options-panel{background:transparent;padding:24px}.processing-feature-item{padding:16px;border-bottom:1px solid rgba(255,255,255,.2);transition:all .2s ease;color:#fff}.processing-feature-item:hover{border-bottom-color:#ffffff4d}.processing-feature-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.processing-feature-enabled .processing-feature-icon{background:#a855f733;color:#c084fc}.processing-feature-disabled .processing-feature-icon{background:#4b55634d;color:#6b7280}.feature-toggle{width:40px;height:24px;border-radius:12px;transition:all .2s ease}.feature-toggle.enabled{background:#a855f7}.feature-toggle.disabled{background:#4b5563}.feature-toggle-handle{position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:4px;transition:all .2s ease}.feature-toggle.enabled .feature-toggle-handle{left:20px}.feature-toggle.disabled .feature-toggle-handle{left:4px}.prompt-panel{background:transparent;padding:24px}.prompt-textarea{width:100%;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#1f2937f2;color:#fff;font-size:1rem;font-weight:300;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:none;transition:all .2s ease;box-shadow:inset 0 2px 8px #0000004d,0 1px 2px #ffffff0d}.prompt-textarea:focus{border-color:#ffffff4d;outline:none}.prompt-textarea::-moz-placeholder{color:#9ca3af}.prompt-textarea::placeholder{color:#9ca3af}.create-page-container{min-height:100vh;padding:104px 32px 32px;margin-top:-80px}.create-page-content{max-width:112rem;margin:0 auto;padding-left:16px;padding-right:16px}.create-page-header{margin-bottom:48px;text-align:center}.create-page-title{font-size:3.75rem;font-weight:300;color:#fff;margin-bottom:24px;letter-spacing:-.03em;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.create-page-divider{width:88px;height:2px;margin:0 auto 24px;border-radius:1px;background:linear-gradient(to right,transparent,rgba(168,85,247,.9),transparent);box-shadow:0 0 30px #a855f7,0 0 60px #a855f799,0 0 90px #a855f74d}.create-configure-layout{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}@media (min-width: 1280px){.create-configure-layout{grid-template-columns:1fr 2fr}}@media (max-width: 1280px){.create-page-content{max-width:72rem}.create-configure-layout{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.create-page-container{padding:88px 16px 16px}.create-page-title{font-size:2.25rem}.processing-options-panel,.prompt-panel{padding:16px}.tab-button{padding:8px 12px;font-size:.8rem}.prompt-textarea{padding:16px}}@media (max-width: 640px){.create-page-title{font-size:1.875rem}.create-configure-layout{gap:16px}.tab-navigation{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@keyframes phone-processor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar-container{position:relative;overflow:hidden}.progress-bar-fill{transition:width .7s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-wrapper{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-detail-modal-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.task-detail-modal-scroll::-webkit-scrollbar{width:6px;height:6px}.task-detail-modal-scroll::-webkit-scrollbar-track{background:transparent;border:none}.task-detail-modal-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:6px;border:none}.task-detail-modal-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff52}.task-detail-modal-scroll::-webkit-scrollbar-corner{background:transparent}.video-hover-top-bar{position:absolute;top:0;left:0;right:0;background:transparent;opacity:0;transition:opacity .2s ease;z-index:15;pointer-events:none;padding:8px}.video-hover-bottom-bar{position:absolute;bottom:0;left:0;right:0;background:transparent;opacity:0;transition:opacity .2s ease;z-index:15;pointer-events:none;padding:8px}.video-card:hover .video-hover-top-bar,.video-card:hover .video-hover-bottom-bar{opacity:1}.video-info-card{background:#000c;border:1px solid rgba(255,255,255,.6);border-radius:4px;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:2px 0}.video-modal-backdrop{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.video-modal-content{max-width:1024px;width:100%;border-radius:16px;background:#1f293780;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(55,65,81,1);overflow:hidden;box-shadow:0 8px 25px #0000004d,0 4px 12px #0003,inset 0 1px #ffffff1a}.video-card-container{position:relative;overflow:hidden;transform-origin:center;outline:none!important;border:1px solid rgba(0,0,0,.9)!important;margin:0!important;box-sizing:border-box!important;border-radius:0!important}.video-card-container:hover{z-index:20;outline:none!important}.video-card-container:focus{outline:none!important;box-shadow:none!important}.video-card *:focus{outline:none!important;box-shadow:none!important}.video-grid-container{display:grid!important;gap:2px!important;grid-template-columns:repeat(auto-fit,minmax(min(50% - 1px,200px),1fr))!important}.video-grid-container[data-video-size=large]{grid-template-columns:repeat(auto-fit,minmax(min(50% - 1px,280px),1fr))!important;gap:16px!important}.video-grid-container[data-video-size=small]{grid-template-columns:repeat(auto-fit,minmax(min(50% - 1px,150px),1fr))!important;gap:4px!important}.video-card{border:1px solid rgba(0,0,0,.9)!important;border-radius:0!important;margin:0!important}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}.info-modal-backdrop{z-index:999999!important;position:fixed!important;inset:0!important}.video-modal-backdrop{z-index:9999!important}.result-modal-backdrop{z-index:9999999!important;position:fixed!important;inset:0!important}.billing-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;align-items:stretch;max-width:80rem;margin:0 auto}.billing-plan-card{position:relative;height:770px;display:flex;flex-direction:column;border-radius:1.5rem;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s cubic-bezier(.25,.46,.45,.94),background .2s ease;border:1px solid rgba(255,255,255,.1);background:#00000026!important;box-sizing:border-box;box-shadow:0 8px 25px #0006,0 4px 12px #0000004d,-4px 0 12px #00000026,4px 0 12px #00000026,#ffffff1a 0 1px inset}.billing-plan-card:hover{transform:translateY(-6px) scale(1.03);background:#00000040!important;border-color:#ffffff26;box-shadow:0 24px 60px #00000080,0 16px 35px #0006,-12px 0 30px #00000040,12px 0 30px #00000040,0 1px #ffffff26 inset}.billing-plan-content{display:flex;flex-direction:column;flex-grow:1;text-align:center;padding-top:1rem;padding-bottom:5rem}.billing-plan-header{margin-bottom:1.5rem}.billing-plan-icon{width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 25px #0000004d;border-width:2px!important;border-style:solid!important}.billing-plan-features{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:5rem;min-height:360px}.billing-plan-button-container{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:10}.billing-plan-button{width:100%;padding:1rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .15s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);background:#00000040;color:#22c55ee6;cursor:pointer;box-shadow:0 8px 25px #00000026,0 4px 12px #0000001a,-4px 0 12px #00000014,4px 0 12px #00000014,inset 0 1px #ffffff1a}.billing-plan-button:hover{transform:translateY(-3px) scale(1.05);background:#ffffff14;border:1px solid rgba(255,255,255,.6);color:#fffffff2;box-shadow:0 15px 40px #00000040,0 10px 25px #0003,-8px 0 25px #0000001f,8px 0 25px #0000001f,0 0 15px #ffffff26,inset 0 2px #ffffff40,inset 0 0 8px #ffffff0f}.billing-plan-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.billing-plan-button-secondary{width:100%;padding:1rem 1.5rem;border-radius:.75rem;font-weight:500;font-size:.875rem;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .15s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);background:#0003;color:#fffc;cursor:pointer;box-shadow:0 6px 20px #0000001f,0 3px 10px #00000014,-3px 0 10px #0000000f,3px 0 10px #0000000f,inset 0 1px #ffffff14}.billing-plan-button-secondary:hover{transform:translateY(-3px) scale(1.05);background:#ffffff0f;border:1px solid rgba(255,255,255,.6);color:#fffffff2;box-shadow:0 12px 35px #00000038,0 8px 20px #00000026,-6px 0 20px #0000001a,6px 0 20px #0000001a,0 0 12px #ffffff1a,inset 0 2px #ffffff2e,inset 0 0 6px #ffffff0d}.billing-plan-button-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.billing-plan-enterprise{border-color:#a855f766!important}.billing-plan-enterprise:hover{border-color:#9333ea!important;background:linear-gradient(135deg,#a855f71a,#581c870d)!important;box-shadow:0 8px 25px #a855f733,0 0 15px #a855f71a;transform:translateY(-3px) scale(1.02)}.billing-plan-enterprise .billing-plan-icon{background-color:#9333ea;border-color:#a855f7!important}.billing-plan-enterprise .billing-plan-button{background:linear-gradient(135deg,#a855f733,#581c871a);border-color:#a855f780;color:#fff}.billing-plan-creator{border-color:#3b82f6!important;transform:scale(1.03);box-shadow:0 0 15px #3b82f64d,0 0 25px #3b82f626}.billing-plan-creator:hover{border-color:#2563eb!important;background:linear-gradient(135deg,#3b82f61a,#2563eb0d)!important;box-shadow:0 0 20px #3b82f666,0 0 35px #3b82f633;transform:translateY(-3px) scale(1.05)}.billing-plan-creator .billing-plan-icon{background-color:#2563eb;border-color:#3b82f6!important}.billing-plan-creator .billing-plan-button{background:linear-gradient(135deg,#3b82f64d,#2563eb33);border-color:#3b82f699;color:#fff;box-shadow:0 8px 32px #3b82f64d}.billing-plan-fantasizer{border-color:#ef444466!important}.billing-plan-fantasizer:hover{border-color:#dc2626!important;background:linear-gradient(135deg,#ef44441a,#b91c1c0d)!important;box-shadow:0 8px 25px #ef444433,0 0 15px #ef44441a;transform:translateY(-3px) scale(1.02)}.billing-plan-fantasizer .billing-plan-icon{background-color:#dc2626;border-color:#ef4444!important}.billing-plan-fantasizer .billing-plan-button{background:linear-gradient(135deg,#ec489933,#db27771a);border-color:#ec489980;color:#fff}.billing-plan-usage{border-color:#22c55e66!important}.billing-plan-usage:hover{border-color:#16a34a!important;background:linear-gradient(135deg,#22c55e1a,#16a34a0d)!important;box-shadow:0 8px 25px #22c55e33,0 0 15px #22c55e1a;transform:translateY(-3px) scale(1.02)}.billing-plan-usage .billing-plan-icon{background-color:#16a34a;border-color:#22c55e!important}.billing-plan-usage .billing-plan-button{background:linear-gradient(135deg,#22c55e33,#16a34a1a);border-color:#22c55e80;color:#fff}.billing-plan-free{border-color:#6b728066!important}.billing-plan-free:hover{border-color:#4b5563!important;background:linear-gradient(135deg,#6b72801a,#4b55630d)!important;box-shadow:0 8px 25px #6b728033,0 0 15px #6b72801a;transform:translateY(-3px) scale(1.02)}.billing-plan-free .billing-plan-icon{background-color:#4b5563;border-color:#6b7280!important}.billing-plan-free .billing-plan-button{background:#4b55634d;border-color:#4b556380;color:#d1d5db}.billing-plan-recommended{position:absolute;top:0;left:0;right:0;background:linear-gradient(to right,#22c55e,#10b981);color:#fff;text-align:center;padding:.5rem;font-size:.875rem;font-weight:500;border-radius:1rem 1rem 0 0;z-index:10}.billing-plan-current{border-color:#22c55e8c!important;background:#10201652!important;box-shadow:0 0 0 1px #22c55e73,0 12px 35px #00000073,0 6px 18px #00000059,0 0 30px #22c55e33,#ffffff1f 0 1px inset!important}.billing-plan-current:hover{background:#14281c66!important;border-color:#22c55eb3!important;box-shadow:0 0 0 1px #22c55ea6,0 24px 60px #00000080,0 16px 35px #0006,0 0 45px #22c55e47,0 1px #ffffff26 inset!important}.billing-plan-current-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#22c55ef2,#10b981f2);color:#fff;padding:.3rem .7rem;border-radius:9999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 2px 8px #0000004d,0 0 12px #22c55e59,inset 0 1px #ffffff40;z-index:11;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}.billing-plan-card.billing-plan-creator.billing-plan-current .billing-plan-current-badge{top:2.6rem}@media (max-width: 1280px){.billing-plans-grid{grid-template-columns:repeat(3,1fr);max-width:60rem}}@media (max-width: 768px){.billing-plans-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:40rem}.billing-plan-card{height:770px;padding:1rem;font-size:.9rem;box-shadow:0 8px 25px #0006,0 4px 12px #0000004d,-4px 0 12px #00000026,4px 0 12px #00000026,#ffffff1a 0 1px inset}.billing-plan-icon{width:3rem;height:3rem}.billing-plan-content{padding-bottom:5.5rem}.billing-plan-card h4{font-size:1.5rem}.billing-plan-card .text-2xl{font-size:1.75rem}}@media (max-width: 640px){.billing-plans-grid{grid-template-columns:1fr;max-width:24rem}.billing-plan-card{height:770px;font-size:.85rem;box-shadow:0 8px 25px #0006,0 4px 12px #0000004d,-4px 0 12px #00000026,4px 0 12px #00000026,#ffffff1a 0 1px inset}.billing-plan-content{padding-bottom:6rem}.billing-plan-card h4{font-size:1.25rem}.billing-plan-card .text-2xl{font-size:1.5rem}}