@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&family=Noto+Kufi+Arabic:wght@400;500;600;700;800;900&display=swap";:root{--color-bg: #F4F4F7;--color-surface: #FFFFFF;--color-surface-soft: #F0F0F8;--color-border: #E0E0F0;--color-purple: #6B6CF5;--color-purple-bright: #818CF8;--color-navy: #0F1123;--color-text-primary: #0F1123;--color-text-muted: #64748B;--color-purple-light: #EEEEFF;--color-success: #10B981;--color-error: #EF4444;--space-1: 4px;--space-2: 6px;--space-3: 10px;--space-4: 14px;--space-5: 20px;--space-6: 24px;--space-7: 36px;--space-8: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1);--sidebar-width: 240px;--shadow-sm: 0 4px 12px rgba(15, 17, 35, .03);--shadow-md: 0 10px 30px rgba(15, 17, 35, .06), 0 4px 10px rgba(15, 17, 35, .02);--shadow-lg: 0 20px 40px rgba(15, 17, 35, .08), 0 8px 16px rgba(15, 17, 35, .03)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}html{font-family:Inter,sans-serif;background:var(--color-bg);color:var(--color-text-primary);scroll-behavior:smooth;font-size:14px}body{margin:0;min-height:100vh;line-height:1.5;background:var(--color-bg)}html[dir=rtl]{--font-heading: "Noto Kufi Arabic", "Inter", sans-serif;--font-sans: "Noto Kufi Arabic", sans-serif}html[dir=rtl] body{direction:rtl;text-align:right;font-family:var(--font-sans)}html[dir=rtl] .sidebar-toggle{right:auto;left:-14px}html[dir=rtl] .sidebar-collapsed .sidebar-toggle i{transform:rotate(0)}html[dir=rtl] :not(.sidebar-collapsed) .sidebar-toggle i{transform:rotate(180deg)}html[dir=rtl] .topbar-left{margin-right:auto;margin-left:0}html[dir=rtl] .nav-item i,html[dir=rtl] .sidebar-footer-row .sidebar-avatar-wrapper{margin-right:0;margin-left:12px}input,textarea,select{font-family:inherit;box-sizing:border-box}h1,h2,h3,h4,.logo{color:var(--color-navy);font-weight:800;margin:0;letter-spacing:-.03em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.1rem}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}button{font-family:inherit;border:none;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:active{transform:scale(.97)}input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar-collapsed{--sidebar-width: 80px}.sidebar{position:sticky;top:0;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:0;transition:width .3s var(--transition-smooth);z-index:50;overflow-x:hidden}.sidebar-logo{padding:var(--space-4);display:flex;align-items:center;justify-content:center;min-height:72px;position:relative;gap:var(--space-3);border-bottom:1px solid rgba(0,0,0,.02)}.sidebar-toggle{position:absolute;right:-14px;top:24px;width:28px;height:28px;background:#fff;border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);color:var(--color-navy);font-size:.8rem}.sidebar-toggle:hover{transform:scale(1.1);border-color:var(--color-purple);color:var(--color-purple)}.sidebar-collapsed .sidebar-toggle{right:-14px}.sidebar-collapsed .sidebar-toggle i{transform:rotate(180deg)}.sidebar-nav{padding:var(--space-2);display:flex;flex-direction:column;gap:4px;margin-top:0}.nav-section-label{padding:var(--space-6) var(--space-4) var(--space-2);font-size:.7rem;font-weight:900;text-transform:uppercase;color:var(--color-navy);letter-spacing:1px;opacity:.4}.nav-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500}.nav-item i{font-size:1.25rem;width:24px;text-align:center;color:var(--color-navy);opacity:.6}.nav-item:hover{background:var(--color-surface-soft);color:var(--color-navy)}.nav-item.active{background:var(--color-purple-light);color:var(--color-purple)}.nav-item.active i{color:var(--color-purple);opacity:1}.sidebar-footer{margin-top:auto;padding:var(--space-4);border-top:1px solid var(--color-border);background:#ffffff80;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.sidebar-collapsed .sidebar-footer{padding:var(--space-4) 0;background:transparent;border-top:none}.sidebar-avatar-wrapper{position:relative;display:inline-block}.sidebar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-purple) 0%,#4f46e5 100%);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1rem;box-shadow:0 4px 12px #6b6cf54d;border:2px solid white}.status-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#10b981;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #10b98133}.sidebar-credits-pill{background:var(--color-success-light);color:var(--color-success);font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:999px;margin-top:4px;border:1px solid rgba(16,185,129,.2)}.main-container{display:flex;flex-direction:column;min-width:0}.topbar{height:72px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:40}.topbar-search{flex:1;max-width:480px;height:40px;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:8px;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.topbar-search i{color:var(--color-text-muted);font-size:.9rem}.topbar-search input{border:none;background:transparent;width:100%;font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.topbar-title{font-weight:700;font-size:1.1rem;color:var(--color-navy);display:block}.content{flex:1;padding:var(--space-6)}.glass{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.glass:hover{box-shadow:var(--shadow-md);border-color:var(--color-purple)}.card-block{padding:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.button-primary{background:var(--color-purple);color:#fff;padding:10px 24px;border-radius:8px;font-weight:600}.button-primary:hover:not(:disabled){background:var(--color-purple-bright)}.button-ghost{background:var(--color-surface);border:1px solid var(--color-border);padding:10px 24px;border-radius:8px;color:var(--color-text-primary)}.button-ghost:hover:not(:disabled){border-color:var(--color-purple);color:var(--color-purple)}.adaptive-grid,.dashboard-grid,.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.video-thumb{aspect-ratio:16/9;background:var(--color-surface-soft);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}@media (max-width: 1024px){.app-shell{--sidebar-width: 72px}.nav-item span{display:none}.sidebar-logo span:last-child{display:none}}@media (max-width: 768px){.mobile-horizontal-scroll{display:flex!important;flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-4);gap:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-horizontal-scroll::-webkit-scrollbar{display:none}}.pill-touch-enhanced{flex:0 0 auto;scroll-snap-align:start;min-height:48px;display:inline-flex;align-items:center;white-space:nowrap}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in-up .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.mobile-stack{display:flex;flex-direction:column}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 var(--space-4)}.topbar-search{display:none}.content{padding:var(--space-4) var(--space-4) 80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--color-surface);border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(4,1fr);z-index:100}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-muted)}.bottom-nav a.active{color:var(--color-purple)}.mobile-docked-actions{position:fixed;bottom:64px;left:0;right:0;background:var(--color-surface);padding:var(--space-4);border-top:1px solid var(--color-border);box-shadow:0 -4px 12px #0000000d;z-index:99;display:flex;gap:var(--space-2);flex-wrap:nowrap}.mobile-flex-grow{flex:1 1 auto;text-align:center;padding:12px 10px}.mobile-primary-action{flex:2 1 auto;text-align:center;padding:12px 20px;min-width:-moz-max-content;min-width:max-content}.content{padding:var(--space-4) var(--space-4) 160px}.mobile-stack{flex-direction:column!important}.responsive-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}.hero-banner{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-7);border-radius:var(--radius-xl)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4)}.stat-value,.usage-balance{font-size:2rem;font-weight:700;color:var(--color-navy)}.project-strip{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer}.project-strip:hover{border-color:var(--color-purple)}.project-icon{width:48px;height:36px;background:var(--color-surface-soft);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--color-purple)}.project-name{font-weight:600;color:var(--color-navy)}.template-quick-launch{padding:var(--space-4);text-align:left;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.featured-banner{background:var(--color-navy);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;color:#fff}.banner-title{color:#fff;font-size:1.25rem}.banner-subtitle{color:#ffffffb3;font-size:.9rem}.banner-cta{background:#fff!important;color:var(--color-navy)!important;padding:8px 16px;border-radius:6px}.wizard-layout{display:grid;grid-template-columns:240px 1fr 300px;gap:var(--space-5)}@media (max-width: 1200px){.wizard-layout{grid-template-columns:1fr}}.preview-box,.preview-box-compact,.clip-preview-frame,.clip-video-frame{background:#000;border-radius:var(--radius-md);aspect-ratio:16/9;overflow:hidden;position:relative;container-type:inline-size;width:100%;display:flex;align-items:center;justify-content:center}.iframe-preview{position:absolute;top:0;left:0;width:1920px;height:1080px;transform-origin:top left;transform:scale(.3);border:none;pointer-events:none}@container (min-width: 1px){.iframe-preview{transform:scale(calc(100cqw / 1920))!important}}.info-panel{display:flex;flex-direction:column;gap:var(--space-6)}.feature-item{display:flex;gap:var(--space-4);align-items:flex-start}.feature-icon{width:40px;height:40px;border-radius:10px;background:var(--color-purple-light);color:var(--color-purple);display:grid;place-items:center;font-size:1.25rem;flex-shrink:0}.feature-text h4{font-size:1rem;color:var(--color-navy);margin-bottom:4px}.feature-text p{font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.clip-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-6);width:100%}@media (max-width: 768px){.clip-board-grid{grid-template-columns:1fr}}.clip-board-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.clip-video-frame{display:flex;align-items:center;justify-content:center}.clip-video-player{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.creative-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:var(--transition-smooth);background:var(--color-surface-soft);text-align:center}.creative-upload-zone:hover{border-color:var(--color-purple);background:var(--color-purple-light);transform:translateY(-2px)}.upload-icon{font-size:1.5rem;color:var(--color-purple);margin-bottom:4px}.upload-text{font-size:.85rem;font-weight:600;color:var(--color-navy)}.icon-button{width:36px;height:36px;border-radius:6px;background:var(--color-surface-soft);border:1px solid var(--color-border);color:var(--color-navy)}.icon-button i{opacity:.7}.icon-button:hover i{opacity:1;color:var(--color-purple)}.button-file{padding:10px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);font-weight:600}.pill-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.pill{padding:8px 16px;border-radius:8px;background:var(--color-bg-light);border:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth)}.pill:hover{border-color:var(--color-purple-light);background:#fff;color:var(--color-navy)}.pill.active{background:var(--color-purple);color:#fff;border-color:var(--color-purple);font-weight:800;box-shadow:0 4px 12px #6b6cf540}.fade-up{animation:fade-up .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.hover-lift{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1)!important}.hover-lift:hover:not(:disabled){transform:translateY(-4px) scale(1.01)!important;box-shadow:var(--shadow-md)!important}.hover-lift:active:not(:disabled){transform:translateY(0) scale(.98)!important}.app-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:url(/elearning_background.png) center / cover no-repeat fixed;opacity:.15}.blueprint-grid{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 1px 1px,rgba(15,17,35,.05) 1px,transparent 0);background-size:32px 32px;z-index:-1;pointer-events:none}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-6)}.login-layout{max-width:480px;width:100%;display:flex;flex-direction:column;gap:var(--space-6);position:relative;z-index:10}.login-hero{text-align:center}.login-card{padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.85rem;font-weight:700;color:var(--color-navy)}.form-input{width:100%;height:48px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);font-family:inherit;font-size:1rem;transition:var(--transition-smooth)}.form-input:focus{border-color:var(--color-purple);background:#fff;box-shadow:0 0 0 4px var(--color-purple-light)}.error-banner{padding:var(--space-4);border:1px solid var(--color-error);color:var(--color-error);background:#ef44440d;font-size:.9rem;font-weight:600;border-radius:8px}.page{display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:1.75rem;font-weight:800;color:var(--color-navy);margin:0}.page-subtitle{color:var(--color-text-muted);font-size:.95rem;margin:4px 0 0}.section-title{font-size:1.25rem;font-weight:700;color:var(--color-navy);margin:0}.filter-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.video-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);cursor:pointer}.video-thumb{aspect-ratio:16/9;border-radius:var(--radius-md);transition:var(--transition-smooth);position:relative;overflow:hidden}.video-card:hover .video-thumb{transform:perspective(1000px) scale(1.02)}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-smooth);background:#6b6cf533}.video-card:hover .play-overlay{opacity:1}.play-overlay i{font-size:32px;color:#fff;transform:scale(.8);transition:var(--transition-smooth);text-shadow:0 4px 15px rgba(0,0,0,.5)}.video-card:hover .play-overlay i{transform:scale(1)}.video-title{font-weight:700;color:var(--color-navy);font-size:1.1rem}.video-date{font-size:.85rem;color:var(--color-text-muted);margin-top:4px}.video-card-actions{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.status-badge{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-ready{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-draft{background:var(--color-surface-soft);color:var(--color-text-muted);border:1px solid var(--color-border)}.status-generating{background:#6b6cf51a;color:var(--color-purple);border:1px solid rgba(107,108,245,.2);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.progress-bar{height:4px;background:var(--color-surface-soft);border-radius:4px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--color-purple);width:30%;animation:indeterminate 1.5s infinite ease-in-out}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.disabled-link{opacity:.4;pointer-events:none}.empty-state{padding:var(--space-8) var(--space-6);text-align:center;border-style:dashed}.card-section{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.card-section:last-child{border-bottom:none}.form-textarea{width:100%;min-height:100px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);font-family:inherit;font-size:.95rem;resize:vertical;transition:var(--transition-smooth)}.form-textarea:focus{border-color:var(--color-purple);background:#fff;box-shadow:0 0 0 4px var(--color-purple-light)}.audio-player{width:100%;height:40px;border-radius:999px}.wizard-panel{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton{background:linear-gradient(90deg,var(--color-surface-soft) 25%,#E5E5EB 50%,var(--color-surface-soft) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.generator-layout,.video-details-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}@media (max-width: 1024px){.generator-layout,.video-details-layout{grid-template-columns:1fr}}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-surface-soft);border-radius:var(--radius-md);border:1px solid var(--color-border)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 1024px){.settings-grid{grid-template-columns:1fr}}.settings-panel{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-label{font-weight:700;color:var(--color-navy)}.settings-muted{font-size:.85rem;color:var(--color-text-muted)}.form-select{width:100%;height:48px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);font-family:inherit;font-size:1rem;transition:var(--transition-smooth);cursor:pointer}.form-select:focus{border-color:var(--color-purple);background:#fff;box-shadow:0 0 0 4px var(--color-purple-light)}.preview-panel{display:flex;flex-direction:column;gap:var(--space-4)}.template-card{padding:var(--space-4);display:flex;flex-direction:column}.template-thumb{aspect-ratio:16/9;border-radius:var(--radius-md);margin-bottom:var(--space-3);position:relative;overflow:hidden}.template-body{display:flex;flex-direction:column;flex:1}.template-header{display:flex;flex-direction:column;align-items:flex-start}.template-title{font-weight:800;color:var(--color-navy)}.template-quick-launch{display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--space-4);text-align:left;padding:var(--space-4)!important;width:100%;transition:var(--transition-smooth);cursor:pointer}.template-quick-launch:hover{border-color:var(--color-purple);background:#fff;transform:perspective(1000px) translate(8px)}.template-quick-launch i{min-width:48px;height:48px;background:var(--color-purple-light);color:var(--color-purple);border-radius:12px;display:grid;place-items:center;font-size:1.25rem;box-shadow:0 4px 10px #6b6cf51a}.template-launch-header{display:flex;flex-direction:column;gap:2px;flex:1}.template-launch-name{font-weight:800;color:var(--color-navy);font-size:1.1rem}.template-launch-desc{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.hero-title{font-size:2.25rem;font-weight:800;color:var(--color-navy);margin-bottom:8px}.landing-page{min-height:100vh;position:relative;overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-4) var(--space-6);background:var(--color-surface)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:80px 24px;align-items:center;min-height:80vh}.hero-content{display:flex;flex-direction:column;gap:24px;z-index:10}.hero-stats{display:flex;gap:48px}.hero-visual{position:relative;height:600px;width:100%}.floating-card{position:absolute;width:340px;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 50px #0f112326;border:1px solid rgba(255,255,255,.6);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.floating-card:hover{transform:translateY(-12px) scale(1.03)!important;z-index:50!important;box-shadow:0 30px 60px #0f112333}.floating-card-thumb{width:100%;aspect-ratio:16/9;border-radius:12px;margin-bottom:12px}.float-1{top:5%;right:15%;transform:rotate(-4deg)}.float-2{top:35%;right:5%;transform:rotate(3deg);z-index:5}.float-3{top:60%;right:25%;transform:rotate(-2deg);z-index:10}.landing-logo{display:flex;align-items:center;font-size:24px;font-weight:800;gap:2px}.landing-actions{display:flex;gap:16px}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center}.hero-content{align-items:center}.hero-visual{display:none}}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle;font-size:.95rem}.table tr:last-child td{border-bottom:none}.table tr:hover{background:var(--color-surface-soft)}@keyframes mesh-glow{0%{transform:translate(0) scale(1);opacity:.4}33%{transform:translate(30px,-50px) scale(1.2);opacity:.6}66%{transform:translate(-20px,20px) scale(.8);opacity:.4}to{transform:translate(0) scale(1);opacity:.4}}@keyframes float-particle{0%{transform:translate(0) rotate(0)}50%{transform:translate(15px,-20px) rotate(180deg)}to{transform:translate(0) rotate(360deg)}}@keyframes grid-pulse{0%,to{opacity:.05}50%{opacity:.15}}.living-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(107,108,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(107,108,245,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;animation:grid-pulse 8s ease-in-out infinite;z-index:-1}.glow-blob{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.4;mix-blend-mode:screen;pointer-events:none;z-index:-1}.glow-purple{background:radial-gradient(circle,var(--color-purple) 0%,transparent 70%);animation:mesh-glow 15s ease-in-out infinite}.glow-teal{background:radial-gradient(circle,#2ec4b6 0%,transparent 70%);animation:mesh-glow 18s ease-in-out infinite-reverse}.glow-pink{background:radial-gradient(circle,#ec4899 0%,transparent 70%);animation:mesh-glow 20s ease-in-out infinite}.glass-deep{background:#ffffffb3;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0f112314,inset 0 0 0 1px #fff3}.content-surface{position:relative;z-index:10}.animate-float{animation:float-particle 10s ease-in-out infinite}.text-gradient{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-purple) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}