:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#0f172a;background-color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5{font-weight:600;margin:0}p{margin:0}button{font-family:inherit}.navbar{background:#0d1526f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:0;position:sticky;top:0;z-index:100}.navbar-content{max-width:1600px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}.navbar-brand{text-decoration:none;display:flex;align-items:center}.navbar-logo{height:44px;width:auto}.navbar-links{display:flex;gap:8px;align-items:center}.navbar-link{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;text-decoration:none;color:#fff9;font-weight:500;font-size:.95rem;transition:all .2s ease;position:relative}.nav-icon{width:18px;height:18px;opacity:.7;transition:opacity .2s ease}.navbar-link:hover{background:#ffffff0d;color:#fff}.navbar-link:hover .nav-icon{opacity:1}.navbar-link.active{color:#fff;background:linear-gradient(135deg,#00d4ff26,#8b5cf626);font-weight:600}.navbar-link.active:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:linear-gradient(90deg,#00d4ff,#8b5cf6);border-radius:2px}.navbar-link.active .nav-icon{opacity:1}.navbar-user{display:flex;align-items:center;gap:16px;margin-left:auto;padding-left:24px;border-left:1px solid rgba(255,255,255,.1)}.navbar-credits{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2)}.credits-icon{width:16px;height:16px;color:#00d4ff}.credits-value{font-size:.95rem;font-weight:700;color:#00d4ff;min-width:30px;text-align:right}.credits-slash{font-size:.85rem;color:#fff6;margin:0 2px}.credits-allowance{font-size:.8rem;color:#ffffff80;font-weight:500}.credits-label{font-size:.75rem;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.navbar-user-email{font-size:.875rem;color:#ffffff80;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-logout-button{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;font-weight:500;cursor:pointer;font-size:.875rem;transition:all .2s ease;font-family:inherit}.logout-icon{width:16px;height:16px}.navbar-logout-button:hover{background:#ef44441a;color:#fca5a5;border-color:#ef44444d}@media (max-width: 1024px){.navbar-content{padding:12px 20px}.navbar-link span{display:none}.navbar-link{padding:10px 14px}.navbar-user-email{display:none}.navbar-credits{padding:6px 10px}.credits-label{display:none}}@media (max-width: 768px){.navbar-content{flex-wrap:wrap;gap:12px;padding:12px 16px}.navbar-logo{height:36px}.navbar-links{order:3;width:100%;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.navbar-link{flex:1;justify-content:center;padding:10px 8px}.navbar-user{border-left:none;padding-left:0;margin-left:0}.navbar-logout-button span{display:none}}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:900px;margin:0 auto;padding:24px}.chat-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;background:#f8fafc}.chat-welcome{text-align:center;padding:48px 24px;color:#64748b}.chat-welcome h2{color:#1f2937;margin-bottom:12px;font-size:1.75rem}.chat-welcome p{font-size:1.1rem;margin-bottom:24px}.welcome-examples{text-align:left;max-width:500px;margin:32px auto 0;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.welcome-examples p{margin-bottom:12px;color:#1f2937}.welcome-examples ul{list-style:none;padding:0;margin:0}.welcome-examples li{padding:8px 0;color:#475569;border-bottom:1px solid rgba(148,163,184,.2)}.welcome-examples li:last-child{border-bottom:none}.chat-message{display:flex;gap:12px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.chat-message.user .message-avatar{background:#2563eb}.message-content{flex:1;max-width:calc(100% - 48px)}.chat-message.user .message-content{display:flex;flex-direction:column;align-items:flex-end}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.chat-message.user .message-header{flex-direction:row-reverse}.message-author{font-weight:600;color:#1f2937;font-size:.9rem}.message-time{font-size:.75rem;color:#94a3b8}.message-text{background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 1px 2px #0000000d;line-height:1.6;color:#1f2937}.chat-message.user .message-text{background:#2563eb;color:#fff}.message-text p{margin:0;white-space:pre-wrap;word-wrap:break-word}.message-text p+p{margin-top:8px}.thinking-indicator{display:flex;gap:4px;padding:12px 16px}.thinking-indicator span{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:bounce 1.4s infinite ease-in-out}.thinking-indicator span:nth-child(1){animation-delay:-.32s}.thinking-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.quick-actions-section{margin-top:24px;padding-top:24px;border-top:2px solid rgba(148,163,184,.2)}.quick-actions-header{margin-bottom:16px}.quick-actions-header h3{margin:0 0 4px;color:#1f2937;font-size:1.1rem}.quick-actions-header p{margin:0;color:#64748b;font-size:.9rem}.quick-action-card{background:#fff;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d}.quick-action-content h4{margin:0 0 8px;color:#1f2937;font-size:1rem}.quick-action-preview{margin:0 0 12px;color:#64748b;font-size:.9rem;line-height:1.5}.quick-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-btn{padding:8px 16px;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.quick-btn:disabled{opacity:.6;cursor:not-allowed}.schedule-today,.schedule-tomorrow,.schedule-week{background:#2563eb1a;color:#2563eb}.schedule-today:hover:not(:disabled),.schedule-tomorrow:hover:not(:disabled),.schedule-week:hover:not(:disabled){background:#2563eb33}.post-now{background:#2563eb;color:#fff}.post-now:hover:not(:disabled){background:#1d4ed8}.chat-input-form{padding:16px;background:#fff;border-top:1px solid rgba(148,163,184,.2)}.chat-input-wrapper{display:flex;gap:8px;align-items:flex-end;background:#f8fafc;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:12px;transition:border-color .2s}.chat-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.chat-input{flex:1;border:none;background:transparent;resize:none;font-family:inherit;font-size:.95rem;color:#1f2937;min-height:24px;max-height:200px;line-height:1.5}.chat-input:focus{outline:none}.chat-input::placeholder{color:#94a3b8}.chat-send-button{width:36px;height:36px;border:none;background:#2563eb;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.chat-send-button:hover:not(:disabled){background:#1d4ed8}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.chat-input-hint{margin-top:8px;font-size:.75rem;color:#94a3b8;text-align:center}.chat-input-hint kbd{background:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.7rem}.dashboard-page{min-height:calc(100vh - 70px);padding:32px;background:#0d1526}.dashboard-header{max-width:1600px;margin:0 auto 32px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:32px}.header-greeting h1{margin:0 0 12px;font-size:2.25rem;font-weight:700;color:#fff}.gradient-text{background:linear-gradient(135deg,#00d4ff,#8b5cf6,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-greeting p{margin:0;color:#ffffff80;font-size:1.05rem;max-width:500px}.header-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:inherit;border:none}.header-btn svg{width:18px;height:18px}.header-btn.primary{background:linear-gradient(135deg,#00d4ff,#8b5cf6,#f0f);color:#0d1526}.header-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .2s ease}.stat-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-icon.blue{background:#00d4ff26;color:#00d4ff}.stat-icon.purple{background:#8b5cf626;color:#8b5cf6}.stat-icon.cyan{background:#22d3ee26;color:#22d3ee}.stat-icon.green{background:#22c55e26;color:#22c55e}.stat-info{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:350px 1fr 400px;gap:24px}.dashboard-column{display:flex;flex-direction:column;gap:24px}.dashboard-page .panel,.dashboard-page .brand-panel,.dashboard-page .chat-panel,.dashboard-page .accounts-panel,.dashboard-page .create-post-panel,.dashboard-page .schedule-panel,.dashboard-page .linkedin-posts-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;color:#fff}.dashboard-page .panel header h2,.dashboard-page h2,.dashboard-page h3{color:#fff}.dashboard-page .subtle,.dashboard-page .panel header p{color:#ffffff80}.dashboard-page input,.dashboard-page textarea,.dashboard-page select{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff!important}.dashboard-page input::placeholder,.dashboard-page textarea::placeholder{color:#ffffff4d!important}.dashboard-page input:focus,.dashboard-page textarea:focus,.dashboard-page select:focus{border-color:#00d4ff!important;box-shadow:0 0 0 3px #00d4ff26!important}.dashboard-page label{color:#fffc!important}.dashboard-page .form-footer button,.dashboard-page .chip-input button,.dashboard-page .chat-actions button,.dashboard-page .oauth-actions button,.dashboard-page .posts-controls button,.dashboard-page .account-actions button,.dashboard-page .post-actions button{background:linear-gradient(135deg,#00d4ff,#8b5cf6)!important;color:#0d1526!important;border:none!important}.dashboard-page .form-footer button:hover,.dashboard-page .chip-input button:hover,.dashboard-page .chat-actions button:hover:not(:disabled),.dashboard-page .oauth-actions button:hover:not(:disabled),.dashboard-page .posts-controls button:hover:not(:disabled),.dashboard-page .account-actions button:hover,.dashboard-page .post-actions button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00d4ff4d}.dashboard-page .account-actions button.ghost{background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#ffffffb3!important}.dashboard-page .account-actions button.ghost:hover{background:#ffffff0d!important;color:#fff!important}.dashboard-page .chat-window{background:#0003;border:1px solid rgba(255,255,255,.05)}.dashboard-page .chat-message.user{background:linear-gradient(135deg,#00d4ff26,#8b5cf626);color:#fff}.dashboard-page .chat-message.agent{background:#ffffff0d;border-color:#ffffff14;color:#fff}.dashboard-page .chat-message .meta{color:#00d4ff}.dashboard-page .chat-message.agent .meta{color:#8b5cf6}.dashboard-page .chat-message p{color:#ffffffe6}.dashboard-page .chat-thinking{color:#ffffff80}.dashboard-page .chat-input textarea{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff!important}.dashboard-page .chip-list li{background:#00d4ff26;color:#00d4ff}.dashboard-page .chip-list button{color:#00d4ff!important;background:none!important}.dashboard-page fieldset{border-color:#ffffff1a!important}.dashboard-page legend{color:#ffffffb3}.dashboard-page .account-list li{background:#ffffff08;border-color:#ffffff14}.dashboard-page .account-header{color:#fff}.dashboard-page .account-handle,.dashboard-page .account-notes{color:#fff9}.dashboard-page .status-badge.connected{background:#22c55e26;color:#22c55e}.dashboard-page .status-badge.pending{background:#fbbf2426;color:#fbbf24}.dashboard-page .status-badge.error{background:#ef444426;color:#ef4444}.dashboard-page .plan-card{background:linear-gradient(135deg,#00d4ff14,#8b5cf614);border-color:#00d4ff26}.dashboard-page .plan-card time{color:#00d4ff}.dashboard-page .strategic-angle{background:#00d4ff1a;color:#ffffffe6}.dashboard-page .post-item{background:#ffffff08;border-color:#ffffff14}.dashboard-page .post-item.scheduled{border-color:#22c55e66;background:#22c55e0d}.dashboard-page .post-item.published{border-color:#00d4ff66;background:#00d4ff0d}.dashboard-page .post-headline{color:#fff}.dashboard-page .post-headline span{background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#0d1526}.dashboard-page .post-hook{color:#00d4ff}.dashboard-page .post-item details summary{color:#ffffffb3}.dashboard-page .post-body{background:#ffffff08;border-color:#ffffff1a;color:#fff}.dashboard-page .cta{background:#00d4ff1a;color:#ffffffe6}.dashboard-page .post-actions .scheduled{color:#22c55e}.dashboard-page .post-actions .published{color:#00d4ff}.dashboard-page .empty-state{background:#ffffff08;color:#ffffff80}.dashboard-page .error-message{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.dashboard-page .success-message{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.dashboard-page .linkedin-post-item{background:#ffffff08;border-color:#ffffff14}.dashboard-page .post-meta{color:#ffffff80}.dashboard-page .post-id{background:#ffffff1a;color:#ffffffb3}.dashboard-page .post-commentary{color:#ffffffe6}.dashboard-page .visibility{background:#00d4ff26;color:#00d4ff}.dashboard-page .schedule-day{background:#00d4ff14}.dashboard-page .schedule-day h3{color:#fff}.dashboard-page .schedule-day li{background:#ffffff0d;border-color:#00d4ff26}.dashboard-page .schedule-day .timestamp{color:#00d4ff}.dashboard-page .schedule-day .platform{color:#ffffff80}.dashboard-page .oauth-actions{background:#00d4ff14}.dashboard-page .oauth-actions button:disabled{background:#ffffff1a!important;color:#fff6!important}.dashboard-page .media-preview-item{background:#ffffff08;border-color:#ffffff1a}.dashboard-page .file-button{border-color:#fff3;background:#ffffff08;color:#fff9}.dashboard-page .file-button:hover:not(:disabled){border-color:#00d4ff;background:#00d4ff0d;color:#00d4ff}.dashboard-page .schedule-form{background:#0d1526f2}.dashboard-page .schedule-form header button{color:#ffffffb3}.dashboard-page .schedule-grid label{color:#ffffffe6}.dashboard-page .schedule-grid input{background:#ffffff1a!important}.dashboard-page .schedule-form .form-footer button{background:linear-gradient(135deg,#00d4ff,#8b5cf6)!important;color:#0d1526!important}@media (max-width: 1400px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-column.left{order:1}.dashboard-column.center{order:2}.dashboard-column.right{order:3;grid-column:span 2;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 1024px){.dashboard-page{padding:24px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-column.right{grid-column:span 1;display:flex;flex-direction:column}}@media (max-width: 768px){.dashboard-page{padding:16px}.header-content{flex-direction:column;gap:20px}.header-greeting h1{font-size:1.75rem}.header-actions{width:100%}.header-btn{flex:1;justify-content:center}.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:16px 20px}}.timeline-view-container{background:#1f2937;border-top:1px solid rgba(148,163,184,.2);padding:16px;width:100%;max-width:100%;margin-top:24px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px}.timeline-controls{display:flex;align-items:center;gap:8px}.zoom-button{width:28px;height:28px;border:1px solid rgba(148,163,184,.3);background:#374151;color:#fff;border-radius:4px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoom-button:hover:not(:disabled){background:#4b5563;border-color:#2563eb}.zoom-button:disabled{opacity:.3;cursor:not-allowed}.zoom-level{font-size:.85rem;color:#9ca3af;min-width:40px;text-align:center}.timeline-info{font-size:.85rem;color:#d1d5db;font-weight:500}.timeline-scroll-container{position:relative;overflow-x:auto;overflow-y:hidden;background:#111827;border:1px solid rgba(148,163,184,.2);border-radius:8px;cursor:pointer;height:220px;scrollbar-width:thin;scrollbar-color:#4b5563 #111827}.timeline-scroll-container::-webkit-scrollbar{height:8px}.timeline-scroll-container::-webkit-scrollbar-track{background:#111827}.timeline-scroll-container::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.timeline-scroll-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.timeline-content{position:relative;min-height:100%;padding-top:24px}.timeline-ruler{position:absolute;top:0;left:120px;right:0;height:24px;background:#0f172a;border-bottom:1px solid rgba(148,163,184,.2);z-index:10}.time-marker{position:absolute;top:0;height:100%;pointer-events:none}.time-marker-line{position:absolute;top:0;left:0;width:1px;height:100%;background:#94a3b84d}.time-marker-label{position:absolute;top:2px;left:4px;font-size:.7rem;color:#9ca3af;white-space:nowrap}.playhead{position:absolute;top:0;bottom:0;width:2px;z-index:20;pointer-events:none}.playhead-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#ef4444;box-shadow:0 0 4px #ef444480}.playhead-handle{position:absolute;top:0;left:50%;transform:translate(-50%);width:12px;height:12px;background:#ef4444;border:2px solid #ffffff;border-radius:50%;box-shadow:0 2px 4px #0000004d}.timeline-track{display:flex;border-bottom:1px solid rgba(148,163,184,.1);position:relative}.track-label{width:120px;min-width:120px;padding:0 12px;display:flex;align-items:center;font-size:.8rem;color:#9ca3af;font-weight:500;background:#1f2937;border-right:1px solid rgba(148,163,184,.2);position:sticky;left:0;z-index:5}.track-content{flex:1;position:relative;min-height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(148,163,184,.05) 49px,rgba(148,163,184,.05) 50px)}.track-element{position:absolute;top:4px;bottom:4px;background:#2563eb;border:2px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:20px;overflow:hidden;padding:0 4px}.element-text{font-size:.7rem;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:1px 1px 2px rgba(0,0,0,.5);pointer-events:none;-webkit-user-select:none;user-select:none}.track-element:hover{border-color:#fff6;box-shadow:0 2px 8px #0000004d}.track-element.selected{border-color:#fff;box-shadow:0 0 0 2px #2563eb80,0 2px 8px #0006;z-index:15}.track-element.dragging{cursor:grabbing!important;opacity:.8;z-index:20;box-shadow:0 4px 12px #00000080}.track-element.snapped{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98180,0 4px 12px #00000080!important}.track-element.video-element{background:linear-gradient(90deg,#374151,#4b5563);border-color:#94a3b84d;cursor:default}.element-resize-handle{position:absolute;top:0;bottom:0;width:4px;background:#ffffff4d;cursor:ew-resize;opacity:0;transition:opacity .2s}.track-element:hover .element-resize-handle{opacity:1}.element-resize-left{left:0;border-radius:4px 0 0 4px}.element-resize-right{right:0;border-radius:0 4px 4px 0}@media (max-width: 768px){.track-label{width:80px;min-width:80px;font-size:.7rem;padding:0 8px}.timeline-scroll-container{height:180px}}.video-editor-page{min-height:calc(100vh - 80px);padding:24px;max-width:1400px;margin:0 auto;background:#0a0a0a}.video-editor-header{margin-bottom:24px}.video-editor-header h1{margin:0 0 8px;font-size:2rem;color:#fff}.video-editor-header p{margin:0;color:#9ca3af;font-size:1rem}.video-editor-container{background:#0a0a0a;border-radius:16px;overflow:hidden}.video-editor-main{display:flex;flex-direction:column;align-items:center;gap:0;min-height:600px}.video-preview-container{background:#000;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;padding:24px;min-height:600px;width:100%;max-width:500px;margin:0 auto}.timeline-section{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.video-upload-area{flex:1;display:flex;align-items:center;justify-content:center;padding:48px}.video-file-input{display:none}.upload-prompt{text-align:center;color:#9ca3af}.upload-prompt svg{margin-bottom:16px;color:#6b7280}.upload-prompt h3{margin:0 0 8px;color:#fff;font-size:1.25rem}.upload-prompt p{margin:0 0 24px;color:#9ca3af}.upload-button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.upload-button:hover{background:#1d4ed8}.video-wrapper{position:relative;display:flex;align-items:center;justify-content:center;background:#000;width:100%;max-width:400px;aspect-ratio:9 / 16;margin:0 auto;border-radius:12px;overflow:visible;box-shadow:0 8px 32px #0006;min-height:0}.video-preview{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.text-overlay-preview{position:absolute;pointer-events:none;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);white-space:nowrap;z-index:10;max-width:calc(100% - 40px);word-wrap:break-word;white-space:normal;text-align:center;padding:0 20px}.caption-overlay-preview{position:absolute;pointer-events:auto;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.9),-2px -2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.8);z-index:11;word-wrap:break-word;white-space:normal;text-align:center;padding:12px 24px;background:#0000004d;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s;min-width:100px;box-sizing:border-box}.caption-overlay-preview:hover{background:#00000080;outline:2px solid rgba(255,255,255,.3)}.caption-overlay-preview.dragging{cursor:grabbing!important;opacity:.9;background:#2563eb66;outline:2px solid #2563eb;z-index:12}.resize-handle{position:absolute;width:12px;height:12px;background:#2563eb;border:2px solid #ffffff;border-radius:50%;cursor:nwse-resize;z-index:13;opacity:0;transition:opacity .2s;box-shadow:0 2px 4px #0000004d}.caption-overlay-preview:hover .resize-handle{opacity:1}.resize-handle-left{top:50%;left:-6px;transform:translateY(-50%);cursor:ew-resize;width:12px;height:24px;border-radius:2px}.resize-handle-right{top:50%;right:-6px;transform:translateY(-50%);cursor:ew-resize;width:12px;height:24px;border-radius:2px}.resize-handle-top{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize;width:24px;height:12px;border-radius:2px}.resize-handle-bottom{bottom:-6px;left:50%;transform:translate(-50%);cursor:ns-resize;width:24px;height:12px;border-radius:2px}.resize-handle-top-left{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle-top-right{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle-bottom-left{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle-bottom-right{bottom:-6px;right:-6px;cursor:nwse-resize}.resize-handle:active{opacity:1;background:#1d4ed8}.video-controls{background:#1f2937f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;display:flex;align-items:center;gap:16px;width:100%;max-width:400px;margin:0 auto;border-radius:0}.control-button{width:40px;height:40px;border:none;background:#2563eb;color:#fff;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.control-button:hover{background:#1d4ed8}.volume-control{display:flex;flex-direction:column;gap:4px;min-width:100px}.volume-control label{font-size:.75rem;color:#9ca3af}.volume-control input[type=range]{width:100%}.editor-panel{background:#1f2937;border-top:1px solid rgba(148,163,184,.1);padding:24px;overflow-y:auto;max-height:calc(100vh - 200px);width:100%;max-width:800px;margin:0 auto}.panel-section{margin-bottom:32px}.panel-section h3{margin:0 0 16px;color:#fff;font-size:1.1rem}.add-overlay-button{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:16px}.add-overlay-button:hover:not(:disabled){background:#1d4ed8}.add-overlay-button:disabled{opacity:.5;cursor:not-allowed}.overlays-list{display:flex;flex-direction:column;gap:12px}.overlay-item{background:#374151;border:2px solid rgba(148,163,184,.2);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.overlay-item:hover{border-color:#2563eb}.overlay-item.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.overlay-header span{font-weight:600;color:#fff;font-size:.9rem}.delete-button{width:24px;height:24px;border:none;background:#dc26261a;color:#dc2626;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.delete-button:hover{background:#dc262633}.overlay-controls{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.2)}.overlay-controls label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#d1d5db;font-weight:500}.overlay-controls input[type=text],.overlay-controls input[type=number],.overlay-controls input[type=color]{padding:8px;border:1px solid rgba(148,163,184,.3);border-radius:6px;font-size:.9rem;background:#4b5563;color:#fff}.overlay-controls input[type=text]:focus,.overlay-controls input[type=number]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.overlay-controls input[type=color]{height:40px;cursor:pointer}.overlay-position,.overlay-timing{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-button{width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:8px}.export-button:hover:not(:disabled){background:#059669}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-note{font-size:.75rem;color:#9ca3af;margin:0;line-height:1.5}.auto-edit-button{width:100%;padding:12px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:8px}.auto-edit-button:hover:not(:disabled){background:#6d28d9}.auto-edit-button:disabled{opacity:.5;cursor:not-allowed}.processing-status{margin-top:16px;padding:16px;background:#2563eb1a;border-radius:8px;border:1px solid rgba(37,99,235,.2)}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#2563eb);transition:width .3s ease;border-radius:4px}.processing-stage{font-size:.85rem;color:#d1d5db;margin:0 0 4px}.processing-progress{font-size:.75rem;color:#9ca3af;margin:0;text-align:right}.caption-preview{margin-top:16px;padding:16px;background:#7c3aed1a;border-radius:8px;border:1px solid rgba(124,58,237,.2)}.caption-preview h4{margin:0 0 12px;color:#fff;font-size:.95rem}.caption-list{max-height:200px;overflow-y:auto;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.caption-item{background:#ffffff0d;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.caption-time{font-size:.7rem;color:#9ca3af;margin-bottom:4px}.caption-text{font-size:.85rem;color:#fff;line-height:1.4}.caption-actions{display:flex;gap:8px}.process-video-button{flex:1;padding:10px;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;transition:background .2s}.process-video-button:hover:not(:disabled){background:#059669}.process-video-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{padding:10px 16px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;transition:background .2s}.cancel-button:hover:not(:disabled){background:#ffffff26}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.auto-edit-note{font-size:.75rem;color:#9ca3af;margin:8px 0 0;line-height:1.5}@media (max-width: 1200px){.video-editor-main{grid-template-columns:1fr}.editor-panel{border-left:none;border-top:1px solid rgba(148,163,184,.2);max-height:none}}.videos-page{min-height:calc(100vh - 70px);padding:32px;background:#0d1526;color:#fff}.videos-header{max-width:1600px;margin:0 auto 32px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-title h1{margin:0 0 8px;font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#8b5cf6,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title p{margin:0;color:#ffffff80;font-size:1rem}.header-actions{display:flex;gap:12px}.refresh-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08;color:#ffffffb3;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-family:inherit}.refresh-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;display:block;flex-shrink:0}.refresh-button:hover:not(:disabled){background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.videos-loading,.videos-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(0,212,255,.1);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.videos-loading p{color:#ffffff80;font-size:1rem}.videos-error{text-align:center}.error-icon{width:64px;height:64px;color:#ef4444}.error-icon svg{width:100%;height:100%}.videos-error h2{margin:0;color:#fff;font-size:1.5rem}.videos-error p{margin:0;color:#ffffff80}.retry-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#0d1526;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem;font-family:inherit;transition:all .2s ease}.retry-button svg{width:18px;height:18px}.retry-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.videos-empty{text-align:center;padding:80px 24px;max-width:500px;margin:0 auto}.empty-icon{width:80px;height:80px;margin:0 auto 24px;padding:20px;background:#00d4ff1a;border-radius:20px;color:#00d4ff}.empty-icon svg{width:100%;height:100%}.videos-empty h2{margin:0 0 12px;font-size:1.5rem;color:#fff}.videos-empty>p{margin:0;color:#ffffff80;font-size:1rem}.migration-section{margin-top:32px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px}.migration-hint{font-size:.95rem;color:#fff9;margin-bottom:16px}.migrate-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#0d1526;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-family:inherit}.migrate-button svg{width:18px;height:18px}.migrate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.migrate-button:disabled{opacity:.6;cursor:not-allowed}.migration-input-container{display:flex;flex-direction:column;gap:12px;align-items:center}.migration-input{padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.95rem;font-family:inherit;width:100%;max-width:400px;background:#ffffff0d;color:#fff}.migration-input::placeholder{color:#ffffff4d}.migration-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff26}.migration-input-actions{display:flex;gap:12px}.cancel-button{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#ffffff1a;color:#fff}.migration-message{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:.95rem;max-width:1600px;margin-left:auto;margin-right:auto}.migration-message svg{width:20px;height:20px;flex-shrink:0}.migration-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.migration-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.videos-toolbar{max-width:1600px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1}.toolbar-right{display:flex;align-items:center;gap:12px}.search-container{position:relative;width:280px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#fff6;pointer-events:none}.search-input{width:100%;padding:12px 40px 12px 44px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08;color:#fff;font-size:.95rem;font-family:inherit;transition:all .2s ease}.search-input::placeholder{color:#ffffff4d}.search-input:focus{outline:none;border-color:#00d4ff80;box-shadow:0 0 0 3px #00d4ff1a}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;background:none;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.search-clear svg{width:16px;height:16px}.search-clear:hover{background:#ffffff1a;color:#fff}.tags-filter{display:flex;gap:8px;flex-wrap:wrap}.tag-chip{padding:8px 16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#ffffff08;color:#fff9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.tag-chip:hover{background:#ffffff14;color:#fff}.tag-chip.active{background:linear-gradient(135deg,#00d4ff33,#8b5cf633);border-color:#00d4ff66;color:#fff}.sort-container{position:relative}.sort-select{padding:10px 36px 10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;color:#fffc;font-size:.9rem;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s ease}.sort-select:focus{outline:none;border-color:#00d4ff80}.sort-select option{background:#1a2744;color:#fff}.view-toggle{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px}.view-btn{width:36px;height:36px;padding:0;border:none;border-radius:8px;background:transparent;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-btn svg{width:18px;height:18px}.view-btn:hover{color:#ffffffb3}.view-btn.active{background:linear-gradient(135deg,#00d4ff33,#8b5cf633);color:#fff}.results-info{max-width:1600px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border-radius:10px;font-size:.9rem;color:#ffffff80}.clear-filters{padding:6px 14px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.clear-filters:hover{background:#ffffff0d;color:#fff}.videos-content{max-width:1600px;margin:0 auto}.video-section{margin-bottom:40px}.section-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.video-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .3s ease}.video-card:hover{border-color:#00d4ff4d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.video-thumbnail-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#000;cursor:pointer;overflow:hidden}.video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail{transform:scale(1.05)}.video-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2744,#0d1526);color:#ffffff4d}.video-thumbnail-placeholder svg{width:48px;height:48px}.video-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease}.video-play-overlay.visible{opacity:1}.play-button-large{width:64px;height:64px;background:linear-gradient(135deg,#00d4ff,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00d4ff66;transition:transform .2s ease}.play-button-large svg{width:28px;height:28px;color:#0d1526;margin-left:4px}.video-status-badge-overlay{position:absolute;top:12px;left:12px;padding:6px 12px;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.video-date-overlay{position:absolute;bottom:12px;right:12px;padding:6px 12px;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;border-radius:8px;font-size:.8rem;font-weight:500}.video-card-header{display:flex;flex-direction:column;gap:8px}.video-title{font-size:1rem;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-tags-preview{display:flex;gap:6px;flex-wrap:wrap}.tag-mini{padding:4px 10px;background:#00d4ff1a;border-radius:12px;color:#00d4ff;font-size:.75rem;font-weight:500}.tag-mini.more{background:#ffffff0d;color:#ffffff80}.video-card-actions{display:flex;gap:8px;margin-top:12px;opacity:0;transition:opacity .2s ease}.video-card-actions.visible{opacity:1}.action-btn{width:36px;height:36px;padding:0;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn svg{width:18px;height:18px}.action-btn.play{background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#0d1526}.action-btn.play:hover{transform:scale(1.1);box-shadow:0 4px 16px #00d4ff66}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef444433}.action-btn.remove{background:#fbbf241a;color:#fbbf24}.action-btn.remove:hover{background:#fbbf2433}.videos-list{max-width:1600px;margin:0 auto}.list-container{display:flex;flex-direction:column;gap:8px}.video-list-item{display:flex;align-items:center;gap:20px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .2s ease}.video-list-item:hover{background:#ffffff0d;border-color:#00d4ff33}.list-item-thumbnail{width:120px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#000}.list-item-thumbnail img{width:100%;height:100%;object-fit:cover}.list-item-thumbnail .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2744,#0d1526);color:#ffffff4d}.list-item-thumbnail .thumbnail-placeholder svg{width:24px;height:24px}.list-item-info{flex:1;min-width:0}.list-item-info h3{margin:0 0 8px;font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#ffffff80}.status-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.completed{background:#22c55e26;color:#22c55e}.status-badge.processing{background:#fbbf2426;color:#fbbf24}.status-badge.pending{background:#3b82f626;color:#3b82f6}.list-item-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.list-item-actions{display:flex;gap:8px}.video-player-page{padding:0;display:flex;flex-direction:column;min-height:calc(100vh - 70px)}.video-player-container{flex:1;display:flex;flex-direction:column;max-width:1400px;width:100%;margin:0 auto;padding:32px}.video-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.back-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-weight:500;cursor:pointer;font-size:.95rem;transition:all .2s ease;font-family:inherit}.back-button svg{width:18px;height:18px}.back-button:hover{background:#ffffff14;color:#fff}.video-player-actions{display:flex;gap:12px}.download-button,.delete-button-header{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:500;cursor:pointer;font-size:.95rem;transition:all .2s ease;font-family:inherit;text-decoration:none}.download-button svg,.delete-button-header svg{width:18px;height:18px}.download-button{background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#0d1526;border:none}.download-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.delete-button-header{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.delete-button-header:hover{background:#ef444433}.video-player-wrapper{border-radius:16px;overflow:hidden;background:#000;box-shadow:0 20px 60px #00000080}.video-player{width:100%;max-height:70vh;display:block}.video-player-info{margin-top:24px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px}.video-info-main h2{margin:0 0 12px;font-size:1.5rem;color:#fff}.video-info-meta{display:flex;align-items:center;gap:16px}.video-status-badge{padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.video-status-badge[data-status=completed]{background:#22c55e26;color:#22c55e}.video-status-badge[data-status=processing]{background:#fbbf2426;color:#fbbf24}.video-status-badge[data-status=pending]{background:#3b82f626;color:#3b82f6}.video-date-full{color:#ffffff80;font-size:.95rem}.video-info-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.video-tag{padding:6px 14px;background:#00d4ff1a;border-radius:10px;color:#00d4ff;font-size:.85rem;font-weight:500}.tab-bar{max-width:1600px;margin:0 auto 24px;display:flex;gap:8px;padding:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:none;border-radius:12px;background:transparent;color:#ffffff80;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.tab-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;display:block;flex-shrink:0}.tab-button:hover{background:#ffffff0d;color:#fffc}.tab-button.active{background:linear-gradient(135deg,#00d4ff26,#8b5cf626);color:#fff}.tab-button.active:first-child{border-bottom:2px solid #00d4ff}.tab-button.active:last-child{border-bottom:2px solid #8b5cf6}.share-mode-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(0,212,255,.3);border-radius:12px;background:#00d4ff1a;color:#00d4ff;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-family:inherit}.share-mode-button svg{stroke:currentColor;stroke-width:2;fill:none;display:block;flex-shrink:0;width:18px;height:18px}.share-mode-button:hover{background:#00d4ff33;border-color:#00d4ff}.share-selected-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#0d1526;font-weight:600;cursor:pointer;font-size:.95rem;transition:all .2s ease;font-family:inherit}.share-selected-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.share-selected-button:disabled{opacity:.5;cursor:not-allowed}.cancel-share-button{padding:12px 20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08;color:#ffffffb3;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-family:inherit}.cancel-share-button:hover{background:#ffffff14;color:#fff}.share-mode-hint{max-width:1600px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:12px;color:#ffffffb3;font-size:.9rem}.share-mode-hint svg{width:20px;height:20px;color:#00d4ff}.video-card.selected{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff4d}.video-selected-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00d4ff4d;display:flex;align-items:center;justify-content:center}.selected-check{width:48px;height:48px;background:#00d4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0d1526}.selected-check svg{width:24px;height:24px}.video-list-item.selected{background:#00d4ff1a;border-color:#00d4ff4d}.list-item-checkbox{padding-right:16px}.checkbox{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox.checked{background:#00d4ff;border-color:#00d4ff}.checkbox svg{width:14px;height:14px;color:#0d1526}.shared-spaces-list{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.shared-space-card{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .2s ease}.shared-space-card:hover{background:#ffffff0d;border-color:#8b5cf64d}.space-card-main{flex:1;display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer}.space-icon{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf633,#00d4ff33);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0}.space-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;display:block;color:inherit}.space-info{flex:1;min-width:0}.space-info h3{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.space-info p{margin:0;font-size:.9rem;color:#ffffff80;display:flex;align-items:center;gap:8px}.owner-badge{padding:2px 8px;background:#8b5cf633;border-radius:6px;font-size:.75rem;font-weight:600;color:#8b5cf6;text-transform:uppercase}.space-arrow{color:#ffffff4d}.space-arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;display:block}.space-card-actions{display:flex;gap:8px;padding:20px;border-left:1px solid rgba(255,255,255,.06)}.space-card-actions .space-action-btn{width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.space-card-actions .space-action-btn svg{width:18px;height:18px;display:block;color:inherit;stroke:currentColor;fill:none}.space-card-actions .space-action-btn:hover{background:#ffffff14;color:#fff}.space-card-actions .space-action-btn.danger:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.back-link{display:inline-flex;align-items:center;gap:6px;padding:0;margin-bottom:12px;background:none;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;transition:color .2s ease;font-family:inherit}.back-link svg{width:16px;height:16px}.back-link:hover{color:#00d4ff}.share-link-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(139,92,246,.3);border-radius:12px;background:#8b5cf61a;color:#8b5cf6;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-family:inherit}.share-link-button svg{width:18px;height:18px}.share-link-button:hover{background:#8b5cf633;border-color:#8b5cf6}.edit-space-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08;color:#ffffffb3;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-family:inherit}.edit-space-button svg{width:18px;height:18px}.edit-space-button:hover{background:#ffffff14;border-color:#fff3;color:#fff}.add-videos-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(16,185,129,.3);border-radius:12px;background:#10b9811a;color:#10b981;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-family:inherit}.add-videos-button svg{width:18px;height:18px}.add-videos-button:hover{background:#10b98133;border-color:#10b981}.add-videos-modal{max-width:700px;max-height:80vh;display:flex;flex-direction:column}.add-videos-modal .modal-subtitle{color:#fff9;font-size:.95rem;margin-bottom:20px;text-align:center}.add-videos-modal .modal-icon.add{background:linear-gradient(135deg,#10b98133,#3b82f633);color:#10b981}.videos-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:350px;overflow-y:auto;padding:8px;margin:0 -8px}.video-select-card{position:relative;background:#ffffff08;border:2px solid transparent;border-radius:12px;padding:8px;cursor:pointer;transition:all .2s ease}.video-select-card:hover{background:#ffffff0f;border-color:#ffffff1a}.video-select-card.selected{background:#10b9811a;border-color:#10b981}.video-select-thumbnail{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#0000004d}.video-select-thumbnail img{width:100%;height:100%;object-fit:cover}.video-select-thumbnail .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d}.video-select-thumbnail .thumbnail-placeholder svg{width:32px;height:32px}.selection-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0000004d}.selection-indicator svg{width:14px;height:14px}.video-select-info{padding:8px 4px 4px}.video-select-title{display:block;font-size:.85rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-videos-message{text-align:center;padding:40px 20px;color:#ffffff80}.no-videos-message p{margin:0}.space-detail-page{width:100%;padding:0}.space-breadcrumb{display:flex;align-items:center;gap:12px;padding:24px 48px;max-width:1800px;margin:0 auto}.breadcrumb-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.breadcrumb-link:hover{background:#ffffff14;border-color:#8b5cf64d;color:#fff}.breadcrumb-link svg{width:16px;height:16px;stroke:currentColor;fill:none}.breadcrumb-separator{width:20px;height:20px;color:#ffffff40}.breadcrumb-current{color:#fff9;font-size:.95rem;font-weight:500}.space-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:40px 48px;max-width:1800px;background:linear-gradient(135deg,#8b5cf60f,#3b82f60a,#8b5cf605);border-radius:24px;margin:0 32px;border:1px solid rgba(139,92,246,.1)}.space-hero-content{display:flex;align-items:center;gap:24px;grid-column:1 / 3}.space-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf640,#6366f126);border-radius:20px;flex-shrink:0;border:1px solid rgba(139,92,246,.2)}.space-icon svg{width:40px;height:40px;color:#a78bfa;stroke:currentColor;fill:none}.space-info{display:flex;flex-direction:column;gap:8px;flex:1}.space-name-row{display:flex;align-items:center;gap:16px}.space-name-row h1{font-size:2.25rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.edit-name-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.edit-name-btn:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.edit-name-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}.space-meta{display:flex;align-items:center;gap:20px;color:#fff9;font-size:1rem}.meta-item{display:flex;align-items:center;gap:8px}.meta-item svg{width:18px;height:18px;opacity:.7;stroke:currentColor;fill:none}.meta-divider{color:#fff3;font-size:.5rem}.space-actions{display:flex;gap:12px;flex-shrink:0;grid-column:3}.space-action-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:14px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;color:#fffc;border:1px solid rgba(255,255,255,.15);background:#ffffff0d}.space-action-btn svg{width:18px;height:18px;display:block;color:inherit;stroke:currentColor;fill:none}.space-action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;box-shadow:0 4px 16px #8b5cf659}.space-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf673}.space-action-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffe6}.space-action-btn.secondary:hover{background:#ffffff1a;border-color:#fff3}.section-divider{display:flex;align-items:center;padding:32px 48px 20px;max-width:1800px;margin:0 auto}.divider-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff59}.space-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 48px;text-align:center}.empty-illustration{margin-bottom:32px}.empty-illustration svg{width:160px;height:130px}.space-empty-state h2{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 12px}.space-empty-state p{font-size:1.1rem;color:#ffffff80;margin:0 0 32px;max-width:450px;line-height:1.6}.empty-add-btn{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 16px #8b5cf659}.empty-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf673}.empty-add-btn svg{width:22px;height:22px;stroke:currentColor;fill:none}.space-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;padding:12px 48px 64px;max-width:1800px;margin:0 auto}@media (min-width: 1600px){.space-videos-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 2000px){.space-videos-grid{grid-template-columns:repeat(5,1fr)}}.space-video-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;transition:all .3s ease}.space-video-card:hover{border-color:#8b5cf659;transform:translateY(-6px);box-shadow:0 16px 40px #00000059}.space-video-card.selected{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff4d}.space-video-card.selected:hover{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff66,0 16px 40px #00000059}.space-video-thumbnail .selection-checkbox{position:absolute;top:12px;left:12px;width:28px;height:28px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.4);border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.space-video-thumbnail .selection-checkbox.checked{background:#00d4ff;border-color:#00d4ff}.space-video-thumbnail .selection-checkbox svg{width:16px;height:16px;color:#0d1526}.space-video-thumbnail .video-selected-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00d4ff40;display:flex;align-items:center;justify-content:center;z-index:5}.space-video-thumbnail .video-selected-overlay .selected-check{width:56px;height:56px;background:#00d4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0d1526;box-shadow:0 4px 20px #00d4ff66}.space-video-thumbnail .video-selected-overlay .selected-check svg{width:28px;height:28px}.space-video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:#0006;cursor:pointer;overflow:hidden}.space-video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.space-video-card:hover .space-video-thumbnail img{transform:scale(1.08)}.space-video-thumbnail .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);color:#fff3}.space-video-thumbnail .thumbnail-placeholder svg{width:56px;height:56px}.space-video-thumbnail .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .25s ease}.space-video-thumbnail .play-overlay.visible{opacity:1}.play-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:50%;color:#1a1a2e;box-shadow:0 6px 24px #00000059;transition:transform .25s ease}.space-video-thumbnail:hover .play-icon{transform:scale(1.12)}.play-icon svg{width:28px;height:28px;margin-left:4px}.video-badge{position:absolute;bottom:12px;right:12px;padding:6px 12px;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;font-size:.8rem;font-weight:500;color:#fffffff2}.space-video-info{display:flex;align-items:center;justify-content:space-between;padding:18px;min-height:64px}.space-video-info h3{font-size:1rem;font-weight:500;color:#ffffffe6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.quick-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.quick-actions.visible{opacity:1}.quick-action{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.quick-action:hover{background:#ffffff1a}.quick-action svg{width:18px;height:18px;stroke:currentColor;fill:none}.quick-action.play:hover{background:#8b5cf633;border-color:#8b5cf64d;color:#a78bfa}.quick-action.remove:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}@media (max-width: 1200px){.space-hero{grid-template-columns:1fr;gap:24px;margin-left:24px;margin-right:24px;padding:32px}.space-hero-content{grid-column:1}.space-actions{grid-column:1;justify-content:flex-start}.space-breadcrumb,.section-divider,.space-videos-grid{padding-left:24px;padding-right:24px}}@media (max-width: 768px){.space-hero{flex-direction:column;padding:24px;gap:20px;margin-left:16px;margin-right:16px;border-radius:16px}.space-hero-content{flex-direction:column;align-items:flex-start;gap:16px}.space-icon{width:60px;height:60px}.space-icon svg{width:30px;height:30px;stroke:currentColor;fill:none}.space-name-row h1{font-size:1.5rem}.space-actions{width:100%;flex-direction:column}.space-action-btn{justify-content:center;width:100%}.space-videos-grid{grid-template-columns:1fr;padding:8px 16px 32px;gap:16px}.space-breadcrumb{padding:16px}.section-divider{padding:20px 16px 12px}}.share-modal{max-width:480px}.share-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.share-option{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:inherit}.share-option:hover{background:#ffffff0f;border-color:#ffffff26}.share-option-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-option-icon svg{width:24px;height:24px}.share-option-icon.blue{background:#00d4ff26;color:#00d4ff}.share-option-icon.purple{background:#8b5cf626;color:#8b5cf6}.share-option-icon.green{background:#22c55e26;color:#22c55e}.share-option-info{flex:1}.share-option-info h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:#fff}.share-option-info p{margin:0;font-size:.85rem;color:#ffffff80}.share-option>svg{width:20px;height:20px;color:#ffffff4d}.modal-cancel{width:100%;padding:14px;background:none;border:none;color:#ef4444;font-size:1rem;font-weight:600;cursor:pointer;transition:color .2s ease;font-family:inherit}.modal-cancel:hover{color:#fca5a5}.modal-back{display:inline-flex;align-items:center;gap:6px;padding:0;margin-bottom:16px;background:none;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;transition:color .2s ease;font-family:inherit}.modal-back svg{width:16px;height:16px}.modal-back:hover{color:#fff}.modal-subtitle{margin:0 0 24px;color:#ffffff80;font-size:.95rem}.create-space-form{display:flex;flex-direction:column;gap:16px}.space-name-input{padding:14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease}.space-name-input::placeholder{color:#ffffff4d}.space-name-input:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.create-space-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#0d1526;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.create-space-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.create-space-button:disabled{opacity:.6;cursor:not-allowed}.space-select-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.space-select-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;font-family:inherit;text-align:left}.space-select-item:hover:not(:disabled){background:#ffffff0f;border-color:#8b5cf64d}.space-select-item:disabled{opacity:.6;cursor:not-allowed}.space-select-icon{width:36px;height:36px;background:#8b5cf626;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8b5cf6}.space-select-icon svg{width:18px;height:18px}.space-select-item span{flex:1;font-size:.95rem;font-weight:500;color:#fff}.space-select-item>svg{width:20px;height:20px;color:#22c55e}.button-spinner.small{width:16px;height:16px;border-width:2px}.no-owned-spaces{text-align:center;color:#ffffff80;padding:24px;font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1a2744;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;width:90%;max-width:420px;text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon{width:64px;height:64px;margin:0 auto 20px;padding:16px;border-radius:50%}.modal-icon svg{width:100%;height:100%}.modal-icon.danger{background:#ef444426;color:#ef4444}.modal-icon.warning{background:#fbbf2426;color:#fbbf24}.modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 12px}.modal-message{font-size:1rem;color:#fff9;margin:0 0 28px;line-height:1.6}.modal-footer{display:flex;gap:12px;justify-content:center}.modal-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:120px}.modal-button.cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.modal-button.cancel:hover:not(:disabled){background:#ffffff1a;color:#fff}.modal-button.danger{background:#ef4444;border:none;color:#fff}.modal-button.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.modal-button.primary{background:linear-gradient(135deg,#00d4ff,#8b5cf6);border:none;color:#0d1526}.modal-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff66}.modal-button.warning{background:#fbbf24;border:none;color:#0d1526}.modal-button.warning:hover:not(:disabled){background:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 20px #fbbf2466}.rename-modal{max-width:400px}.modal-icon.edit{background:#8b5cf626;color:#8b5cf6}.rename-form{margin-bottom:24px}.rename-input{width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease}.rename-input::placeholder{color:#ffffff4d}.rename-input:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.modal-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.videos-page{padding:24px}.videos-toolbar,.toolbar-left{flex-direction:column;align-items:stretch}.search-container{width:100%}.tags-filter{overflow-x:auto;padding-bottom:8px;flex-wrap:nowrap}.toolbar-right{justify-content:space-between}}@media (max-width: 768px){.videos-page{padding:16px}.header-content{flex-direction:column;align-items:stretch}.header-title h1{font-size:1.75rem}.header-actions{width:100%}.refresh-button{flex:1;justify-content:center}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.video-player-container{padding:16px}.video-player-header{flex-direction:column;gap:16px}.video-player-actions{width:100%}.download-button,.delete-button-header{flex:1;justify-content:center}.video-list-item{flex-direction:column;align-items:flex-start;gap:12px}.list-item-thumbnail{width:100%;height:auto;aspect-ratio:16/9}.list-item-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.videos-page{padding:12px}.videos-grid{grid-template-columns:1fr}.modal-content{padding:24px;margin:16px}.modal-footer{flex-direction:column}.modal-button{width:100%}}.shared-space-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0f0f23);color:#fff}.shared-space-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}.shared-space-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:24px;gap:16px}.error-icon{font-size:48px}.shared-space-error h2{font-size:24px;margin:0;color:#fff}.shared-space-error p{color:#8e8e93;margin:0}.retry-button{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #007aff66}.shared-space-header{padding:48px 24px 32px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{max-width:600px;margin:0 auto}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.logo-image{width:120px;height:120px;border-radius:24px;object-fit:contain}.shared-space-header h1{font-size:32px;font-weight:700;margin:0 0 8px;color:#fff}.shared-space-subtitle{color:#8e8e93;font-size:16px;margin:0}.app-banner{background:linear-gradient(135deg,#007aff26,#5856d626);border-bottom:1px solid rgba(255,255,255,.1);padding:12px 24px}.app-banner-content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.app-banner-icon{font-size:20px}.app-banner-text{color:#fff;font-size:14px}.app-banner-button{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;text-decoration:none;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.app-banner-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff66}.shared-space-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:48px 24px;gap:16px}.empty-icon{font-size:64px}.shared-space-empty h2{font-size:24px;margin:0;color:#fff}.shared-space-empty p{color:#8e8e93;margin:0}.add-videos-button{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;margin-top:16px;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:8px}.add-videos-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff66}.add-videos-button:disabled{opacity:.6;cursor:not-allowed}.shared-space-content{padding:32px 24px;max-width:1200px;margin:0 auto}.videos-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.videos-grid-header h2{font-size:24px;font-weight:700;color:#fff;margin:0}.upload-video-button{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.upload-video-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.upload-video-button:disabled{opacity:.6;cursor:not-allowed}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.video-card{background:#ffffff0d;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.1)}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d;border-color:#00d4ff4d}.video-thumbnail-wrapper{position:relative;aspect-ratio:16/9;background:#1a1a1a;cursor:pointer}.video-download-button{position:absolute;top:8px;right:8px;background:#000000b3;border:none;border-radius:8px;padding:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;z-index:10}.video-card:hover .video-download-button{opacity:1}.video-download-button:hover{background:#000000e6;transform:scale(1.1)}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#0f0f23)}.video-thumbnail-placeholder .play-icon{width:48px;height:48px;color:#ffffff4d}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s}.video-card:hover .video-play-overlay{opacity:1}.play-button-large{width:64px;height:64px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s}.play-button-large svg{width:28px;height:28px;color:#000;margin-left:4px}.video-card:hover .play-button-large{transform:scale(1.1)}.video-card-content{padding:16px}.video-date{color:#8e8e93;font-size:14px;margin:0}.video-player-container{max-width:1000px;margin:0 auto;padding:24px}.video-player-header{margin-bottom:16px}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.back-button:hover{background:#ffffff26}.video-player{width:100%;max-height:70vh;background:#000;border-radius:12px}.video-player-info{margin-top:16px;padding:16px;background:#ffffff0d;border-radius:12px}.video-player-info-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.video-player-info p{margin:0;color:#8e8e93}.video-player-info strong{color:#fff}.video-player-download-button{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.video-player-download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}@media (max-width: 768px){.shared-space-header{padding:32px 16px 24px}.shared-space-header h1{font-size:24px}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.shared-space-content{padding:24px 16px}.app-banner-content{flex-direction:column;text-align:center}}.vira-logo{color:inherit;display:block}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#d4af37,#f4d03f,#d4af37);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}.splash-screen.fade-out{opacity:0}.splash-content{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeInUp .8s ease-out}.splash-logo{color:#1a1a1a;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.splash-title{font-size:4rem;font-weight:700;color:#1a1a1a;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.15);margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-page{min-height:100vh;background:#0a0e27;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.auth-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.auth-orb-1{width:500px;height:500px;background:#00d9ff;top:-200px;left:-150px;animation:float-orb 20s ease-in-out infinite}.auth-orb-2{width:600px;height:600px;background:#e91e63;bottom:-250px;right:-200px;animation:float-orb 25s ease-in-out infinite reverse}.auth-orb-3{width:300px;height:300px;background:#8b5cf6;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-orb 10s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-50px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(40px,20px) scale(1.05)}}@keyframes pulse-orb{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.auth-nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;z-index:10}.auth-nav-logo img{height:40px;width:auto}.auth-nav-back{color:#fff9;text-decoration:none;font-size:.9rem;transition:color .2s ease}.auth-nav-back:hover{color:#fff}.auth-container{position:relative;z-index:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:48px 44px;width:100%;max-width:440px;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:36px;text-align:center}.auth-logo{width:80px;height:80px;object-fit:contain}.auth-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.auth-subtitle{font-size:1rem;color:#ffffff80;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group{display:flex;flex-direction:column;gap:8px}.auth-form .form-group label{font-size:.9rem;font-weight:600;color:#fffc}.auth-form .form-group input{padding:14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;font-size:1rem;font-family:inherit;transition:all .2s ease;background:#ffffff0d;color:#fff}.auth-form .form-group input::placeholder{color:#ffffff4d}.auth-form .form-group input:focus{outline:none;border-color:#06f;background:#ffffff14;box-shadow:0 0 0 3px #0066ff26}.auth-submit-button{margin-top:8px;padding:16px 24px;background:linear-gradient(135deg,#00d9ff,#06f,#8b5cf6);color:#0a0e27;border:none;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px}.auth-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #00d9ff4d}.auth-submit-button:active:not(:disabled){transform:translateY(0)}.auth-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-arrow{width:18px;height:18px;transition:transform .2s ease}.auth-submit-button:hover:not(:disabled) .auth-arrow{transform:translate(4px)}.auth-loading{display:flex;align-items:center;gap:10px}.auth-spinner{width:18px;height:18px;border:2px solid rgba(10,14,39,.3);border-top-color:#0a0e27;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:16px;margin:28px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{color:#fff6;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.auth-footer{text-align:center}.auth-footer p{font-size:.95rem;color:#fff9;margin:0}.auth-toggle-button{background:none;border:none;color:#06f;font-weight:600;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;transition:all .2s ease}.auth-toggle-button:hover{color:#8b5cf6;text-decoration:underline;text-underline-offset:4px}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 16px;color:#fca5a5;font-size:.9rem}.auth-clear-session-button{margin-top:24px;padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80;border-radius:12px;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .2s ease;width:100%}.auth-clear-session-button:hover{background:#ef44441a;color:#fca5a5;border-color:#ef44444d}.auth-terms{margin-top:24px;text-align:center;font-size:.8rem;color:#fff6}.auth-terms a{color:#fff9;text-decoration:none;transition:color .2s ease}.auth-terms a:hover{color:#06f}@media (max-width: 480px){.auth-nav{padding:16px 20px}.auth-nav-logo img{height:32px}.auth-container{padding:36px 28px;border-radius:24px}.auth-logo{width:64px;height:64px}.auth-title{font-size:1.5rem}.auth-form .form-group input{padding:12px 16px}}:root{--vira-dark: #0d1526;--vira-darker: #080d17;--vira-cyan: #00d4ff;--vira-magenta: #ff00ff;--vira-purple: #8b5cf6;--vira-gradient: linear-gradient(135deg, #00d4ff 0%, #8b5cf6 50%, #ff00ff 100%);--vira-glow-cyan: rgba(0, 212, 255, .3);--vira-glow-magenta: rgba(255, 0, 255, .3)}.landing-page{min-height:100vh;background:var(--vira-dark);color:#fff;overflow-x:hidden;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.particle-field{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--vira-gradient);opacity:.4;left:var(--x-start);top:var(--y-start);animation:float var(--duration) ease-in-out var(--delay) infinite}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(50px,-100px) scale(1.5);opacity:.8}50%{transform:translate(-30px,-200px) scale(1);opacity:.3}75%{transform:translate(80px,-50px) scale(1.2);opacity:.6}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:linear-gradient(180deg,#0d1526f2,#0d152600);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-links a:hover{color:#fff}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 40px var(--vira-glow-cyan)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:140px 80px 80px;position:relative;z-index:1}.hero-content{max-width:640px}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);padding:8px 18px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--vira-purple);margin-bottom:28px}.badge-pulse{width:8px;height:8px;background:var(--vira-purple);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero-title{font-size:4.2rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:#ffffffb3;margin-bottom:40px;max-width:540px}.hero-cta-group{display:flex;gap:16px;margin-bottom:48px}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 20px 60px var(--vira-glow-cyan)}.cta-primary.large{padding:20px 40px;font-size:1.15rem}.cta-secondary{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(255,255,255,.2);padding:16px 32px;border-radius:999px;color:#fff;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .2s ease}.cta-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.play-icon{width:20px;height:20px}.hero-stats{display:flex;align-items:center;gap:32px}.stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:800;background:var(--vira-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;color:#ffffff80}.stat-divider{width:1px;height:40px;background:#ffffff26}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;width:300px;height:620px;background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border-radius:44px;padding:12px;box-shadow:0 50px 100px #00000080,0 0 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0d}.phone-screen{width:100%;height:100%;background:var(--vira-darker);border-radius:36px;overflow:hidden;display:flex;flex-direction:column}.app-preview{flex:1;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;padding:12px 20px;font-size:.75rem;font-weight:600}.preview-icons{display:flex;gap:6px}.preview-camera{flex:1;display:flex;align-items:center;justify-content:center;padding:16px}.camera-viewfinder{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#1a2a3a,#0d1526);border-radius:16px;overflow:hidden}.viewfinder-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.viewfinder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.viewfinder-grid{position:absolute;top:0;right:0;bottom:0;left:0}.grid-line{position:absolute;background:#ffffff1a}.grid-line.horizontal{left:0;right:0;height:1px}.grid-line.horizontal:first-child{top:33%}.grid-line.horizontal:nth-child(2){top:66%}.grid-line.vertical{top:0;bottom:0;width:1px}.grid-line.vertical:nth-child(3){left:33%}.grid-line.vertical:nth-child(4){left:66%}.rec-indicator{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;background:#0009;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:700;color:#f44}.rec-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:rec-blink 1s ease-in-out infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.3}}.preview-controls{display:flex;justify-content:center;align-items:center;gap:32px;padding:24px}.control-btn{border-radius:50%}.control-btn.gallery{width:40px;height:40px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.control-btn.record{width:64px;height:64px;background:var(--vira-gradient);box-shadow:0 0 30px var(--vira-glow-magenta)}.control-btn.flip{width:40px;height:40px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);padding:12px 18px;border-radius:14px;font-size:.9rem;font-weight:600;animation:float-card 6s ease-in-out infinite;box-shadow:0 20px 40px #0000004d}.card-icon{font-size:1.2rem}.floating-card.card-1{top:80px;right:0;animation-delay:0s}.floating-card.card-2{bottom:180px;left:-40px;animation-delay:2s}.floating-card.card-3{bottom:80px;right:-20px;animation-delay:4s}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.brands-section{padding:60px 80px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.brands-label{text-align:center;color:#ffffff80;font-size:.9rem;margin-bottom:32px}.brands-scroll{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,white 10%,white 90%,transparent);mask-image:linear-gradient(90deg,transparent,white 10%,white 90%,transparent)}.brands-track{display:flex;animation:scroll 30s linear infinite}.brands-set{display:flex;gap:60px;padding-right:60px}.brand-logo{font-size:1.1rem;color:#fff6;white-space:nowrap}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-title{font-size:3rem;font-weight:800;margin-bottom:20px;letter-spacing:-.02em}.section-subtitle{font-size:1.15rem;color:#fff9;line-height:1.6}.features-section{padding:120px 80px;position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}.feature-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px;transition:all .3s ease;overflow:hidden;animation:fadeInUp .6s ease calc(var(--index) * .1s) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{transform:translateY(-8px);border-color:#8b5cf64d;background:#ffffff0d}.feature-card:hover .feature-glow{opacity:1}.feature-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,var(--vira-glow-cyan) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-icon{font-size:2.5rem;margin-bottom:20px}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:12px}.feature-description{color:#fff9;line-height:1.6;font-size:.95rem}.how-it-works{padding:120px 80px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.05) 50%,transparent 100%);position:relative;z-index:1}.steps-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.step{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;width:100%}.step-number{font-size:4rem;font-weight:900;background:var(--vira-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.5}.step-content h3{font-size:1.5rem;font-weight:700;margin-bottom:12px}.step-content p{color:#fff9;line-height:1.6}.step-visual{display:flex;justify-content:center}.step-icon-wrapper{width:80px;height:80px;background:var(--vira-gradient);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px var(--vira-glow-cyan)}.step-icon{font-size:2.5rem}.step-connector{width:2px;height:40px;background:linear-gradient(180deg,var(--vira-cyan) 0%,var(--vira-magenta) 100%);opacity:.3}.testimonials-section{padding:120px 80px;position:relative;z-index:1}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}.testimonial-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);border-color:#8b5cf64d}.testimonial-quote{font-size:4rem;line-height:1;background:var(--vira-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.5;margin-bottom:16px}.testimonial-text{font-size:1.1rem;line-height:1.6;margin-bottom:28px;color:#ffffffe6}.testimonial-author{display:flex;align-items:center;gap:14px}.author-avatar{width:48px;height:48px;background:var(--vira-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--vira-dark)}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700;font-size:1rem}.author-role{color:#ffffff80;font-size:.9rem}.pricing-section{padding:120px 80px;background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.03) 50%,transparent 100%);position:relative;z-index:1}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;align-items:stretch}.pricing-grid.four-col{grid-template-columns:repeat(4,1fr);max-width:1300px;gap:20px}.pricing-grid.four-col .pricing-card{padding:28px;border-radius:20px}.pricing-grid.four-col .pricing-header h3{font-size:1.3rem}.pricing-grid.four-col .price-amount{font-size:2.8rem}.pricing-grid.four-col .pricing-features li{font-size:.85rem;padding:8px 0}.pricing-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px;display:flex;flex-direction:column;transition:all .3s ease}.pricing-card.featured{background:linear-gradient(135deg,#8b5cf626,#00d4ff1a);border-color:#8b5cf666;transform:scale(1.05);z-index:2}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--vira-gradient);padding:8px 20px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--vira-dark)}.pricing-header h3{font-size:1.5rem;font-weight:700;margin-bottom:8px}.pricing-description{color:#ffffff80;font-size:.95rem;margin-bottom:24px}.pricing-price{margin-bottom:32px}.price-amount{font-size:3.5rem;font-weight:800}.price-period{color:#ffffff80;font-size:1rem}.pricing-features li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#fffc;font-size:.95rem}.pricing-cta.featured{background:var(--vira-gradient);border:none;color:var(--vira-dark)}.pricing-cta.featured:hover{box-shadow:0 20px 40px var(--vira-glow-cyan)}.final-cta{padding:160px 80px;text-align:center;position:relative;z-index:1}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(ellipse,var(--vira-glow-magenta) 0%,transparent 70%);opacity:.4;pointer-events:none}.final-cta h2{font-size:3.5rem;font-weight:800;margin-bottom:20px;letter-spacing:-.02em}.final-cta p{font-size:1.25rem;color:#fff9;margin-bottom:40px}.landing-footer{padding:80px;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:80px;margin-bottom:60px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}.footer-legal{display:flex;gap:24px}.footer-legal a{color:#fff6;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-legal a:hover{color:#ffffffb3}@media (max-width: 1200px){.hero{grid-template-columns:1fr;text-align:center;gap:60px;padding:140px 40px 80px}.hero-content,.hero-subtitle{max-width:100%}.hero-cta-group,.hero-stats{justify-content:center}.hero-visual{order:-1}.features-grid,.testimonials-grid,.pricing-grid,.pricing-grid.four-col{grid-template-columns:repeat(2,1fr)}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-5px)}}@media (max-width: 768px){.landing-nav{padding:16px 24px}.nav-logo-img{height:36px}.nav-links a{display:none}.hero{padding:120px 24px 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta-group{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:20px}.stat-divider{width:40px;height:1px}.phone-mockup{width:260px;height:540px}.floating-card{display:none}.brands-section,.features-section,.how-it-works,.testimonials-section,.pricing-section,.final-cta,.landing-footer{padding:80px 24px}.section-title{font-size:2rem}.features-grid,.testimonials-grid,.pricing-grid,.pricing-grid.four-col{grid-template-columns:1fr}.step{grid-template-columns:1fr;text-align:center;gap:20px}.step-number{font-size:2.5rem}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.final-cta h2{font-size:2.5rem}}:root{--vira-dark: #0d1526;--vira-darker: #080d17;--vira-cyan: #00d4ff;--vira-magenta: #ff00ff;--vira-purple: #8b5cf6;--vira-gradient: linear-gradient(135deg, #00d4ff 0%, #8b5cf6 50%, #ff00ff 100%)}.marketing-page{min-height:100vh;background:var(--vira-dark);color:#fff;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.marketing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#0d1526f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-logo{cursor:pointer}.nav-logo-img{height:48px;width:auto}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{color:#ffffffb3;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-cta{background:var(--vira-gradient);border:none;padding:12px 28px;border-radius:999px;color:var(--vira-dark);font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 40px #00d4ff4d}.marketing-content{padding-top:88px}.page-hero{text-align:center;padding:80px 60px;max-width:900px;margin:0 auto}.page-hero.legal-hero{padding:60px}.section-badge{display:inline-block;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);padding:6px 16px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--vira-purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.page-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:20px;letter-spacing:-.02em}.gradient-text{background:var(--vira-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#ffffffb3;line-height:1.6;max-width:700px;margin:0 auto}.cta-primary{display:inline-flex;align-items:center;gap:10px;background:var(--vira-gradient);border:none;padding:16px 32px;border-radius:999px;color:var(--vira-dark);font-weight:700;font-size:1.05rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 20px 60px #00d4ff4d}.cta-arrow{width:20px;height:20px;transition:transform .2s ease}.cta-primary:hover .cta-arrow{transform:translate(4px)}.cta-section{text-align:center;padding:100px 60px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.1) 100%)}.cta-section h2{font-size:2.5rem;margin-bottom:16px}.cta-section p{font-size:1.2rem;color:#fff9;margin-bottom:32px}.features-detailed{padding:40px 80px 80px;max-width:1200px;margin:0 auto}.feature-detailed{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px 0;border-bottom:1px solid rgba(255,255,255,.05)}.feature-detailed:last-child{border-bottom:none}.feature-detailed.reverse{direction:rtl}.feature-detailed.reverse>*{direction:ltr}.feature-icon-large{font-size:3rem;margin-bottom:20px}.feature-info h2{font-size:2rem;margin-bottom:16px}.feature-info>p{font-size:1.1rem;color:#ffffffb3;margin-bottom:24px;line-height:1.6}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:1rem;color:#fffc}.feature-list .check{color:var(--vira-cyan);font-weight:700}.feature-visual{display:flex;justify-content:center;align-items:center}.feature-card-visual{width:300px;height:300px;background:linear-gradient(135deg,#8b5cf633,#00d4ff33);border-radius:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.visual-icon{font-size:6rem}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.billing-toggle span{color:#ffffff80;font-weight:500;transition:color .2s ease}.billing-toggle span.active{color:#fff}.save-badge{background:var(--vira-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.85rem;font-weight:700}.toggle-switch{width:56px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:999px;position:relative;cursor:pointer;transition:background .2s ease}.toggle-switch.annual{background:var(--vira-gradient)}.toggle-knob{position:absolute;top:4px;left:4px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.annual .toggle-knob{transform:translate(24px)}.pricing-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1300px;margin:0 auto;padding:60px 40px}.pricing-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;display:flex;flex-direction:column;transition:all .3s ease}.pricing-card.popular{background:linear-gradient(135deg,#8b5cf626,#00d4ff1a);border-color:#8b5cf666;transform:scale(1.05);z-index:2}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--vira-gradient);padding:8px 20px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--vira-dark)}.pricing-header h3{font-size:1.5rem;margin-bottom:8px}.pricing-header p{color:#ffffff80;font-size:.95rem;margin-bottom:24px}.pricing-price{margin-bottom:8px}.pricing-price .currency{font-size:1.5rem;font-weight:600;vertical-align:top}.pricing-price .amount{font-size:3.5rem;font-weight:800}.pricing-price .period{color:#ffffff80;font-size:1rem}.annual-note{font-size:.85rem;color:#fff6;margin-bottom:24px}.pricing-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.pricing-features li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#fffc;font-size:.95rem}.pricing-features li:last-child{border-bottom:none}.pricing-features .check{color:var(--vira-cyan);font-weight:700}.pricing-cta{width:100%;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.pricing-cta:hover{background:#ffffff1a}.pricing-cta.primary{background:var(--vira-gradient);border:none;color:var(--vira-dark)}.pricing-cta.primary:hover{box-shadow:0 20px 40px #00d4ff4d}.enterprise-section{padding:0 60px 60px;max-width:1100px;margin:0 auto}.enterprise-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:40px}.enterprise-content h2{font-size:2rem;margin-bottom:16px}.enterprise-content p{color:#ffffffb3;margin-bottom:20px;max-width:500px}.enterprise-content ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px 32px}.enterprise-content li{color:#fffc}.enterprise-cta{background:transparent;border:2px solid var(--vira-cyan);color:var(--vira-cyan);padding:16px 32px;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.enterprise-cta:hover{background:var(--vira-cyan);color:var(--vira-dark)}.faq-section{padding:80px 60px;max-width:1100px;margin:0 auto}.faq-section h2{text-align:center;font-size:2rem;margin-bottom:48px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px}.faq-item h3{font-size:1.1rem;margin-bottom:12px}.faq-item p{color:#ffffffb3;line-height:1.6;font-size:.95rem}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:60px 80px;max-width:1200px;margin:0 auto;align-items:center}.story-content h2{font-size:2rem;margin-bottom:24px}.story-content p{color:#ffffffb3;line-height:1.7;margin-bottom:20px;font-size:1.1rem}.story-image{display:flex;justify-content:center}.image-placeholder{width:100%;max-width:400px;aspect-ratio:1;background:linear-gradient(135deg,#8b5cf633,#00d4ff33);border-radius:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.image-placeholder img{width:60%;height:auto}.values-section{padding:80px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.05) 50%,transparent 100%)}.values-section h2{text-align:center;font-size:2rem;margin-bottom:48px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1200px;margin:0 auto}.value-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;text-align:center;transition:all .3s ease}.value-card:hover{transform:translateY(-5px);border-color:#8b5cf64d}.value-icon{font-size:2.5rem;margin-bottom:16px;display:block}.value-card h3{font-size:1.2rem;margin-bottom:12px}.value-card p{color:#fff9;font-size:.95rem;line-height:1.5}.timeline-section{padding:80px;max-width:900px;margin:0 auto}.timeline-section h2{text-align:center;font-size:2rem;margin-bottom:48px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:60px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--vira-cyan),var(--vira-magenta));opacity:.3}.timeline-item{display:flex;gap:32px;padding:24px 0;position:relative}.timeline-marker{width:120px;flex-shrink:0;text-align:right}.timeline-year{font-size:1rem;font-weight:700;background:var(--vira-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-content{flex:1;padding-left:32px}.timeline-content:before{content:"";position:absolute;left:56px;top:32px;width:12px;height:12px;background:var(--vira-gradient);border-radius:50%}.timeline-content h3{font-size:1.3rem;margin-bottom:8px}.timeline-content p{color:#ffffffb3;line-height:1.6}.stats-section{display:flex;justify-content:center;gap:80px;padding:80px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:800;background:var(--vira-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.stat-label{color:#ffffff80;font-size:.95rem}.contact-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:60px 80px;max-width:1200px;margin:0 auto}.contact-info{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.contact-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;transition:all .3s ease}.contact-card:hover{border-color:#8b5cf64d}.contact-icon{font-size:2rem;margin-bottom:16px;display:block}.contact-card h3{font-size:1.1rem;margin-bottom:8px}.contact-card p{color:#ffffff80;font-size:.9rem;margin-bottom:12px}.contact-card a,.contact-card button{color:var(--vira-cyan);text-decoration:none;font-weight:600;background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.contact-card a:hover,.contact-card button:hover{text-decoration:underline}.contact-form-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px}.contact-form h2{font-size:1.5rem;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:#fffc}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:inherit;transition:border-color .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--vira-cyan)}.form-group select{cursor:pointer}.form-group select option{background:var(--vira-dark)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:inline-flex;align-items:center;gap:10px;background:var(--vira-gradient);border:none;padding:16px 32px;border-radius:999px;color:var(--vira-dark);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00d4ff4d}.success-message{text-align:center;padding:60px}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--vira-gradient);border-radius:50%;font-size:2rem;margin-bottom:24px}.success-message h3{font-size:1.5rem;margin-bottom:12px}.success-message p{color:#ffffffb3;margin-bottom:24px}.success-message button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:999px;cursor:pointer;transition:all .2s ease}.success-message button:hover{background:#ffffff1a}.legal-content{max-width:800px;margin:0 auto;padding:0 60px 80px}.legal-section{margin-bottom:48px}.legal-section h2{font-size:1.5rem;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-section h3{font-size:1.15rem;margin:24px 0 12px;color:#ffffffe6}.legal-section p{color:#ffffffb3;line-height:1.8;margin-bottom:16px}.legal-section ul{margin:16px 0 16px 24px;color:#ffffffb3}.legal-section li{margin-bottom:8px;line-height:1.6}.marketing-footer{padding:80px;border-top:1px solid rgba(255,255,255,.08);background:var(--vira-darker)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:80px;max-width:1200px;margin:0 auto 60px}.footer-brand{max-width:320px}.footer-logo{height:50px;width:auto;margin-bottom:20px}.footer-brand p{color:#ffffff80;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:20px}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;padding:8px 0;font-size:.95rem;transition:color .2s ease}.footer-column a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);max-width:1200px;margin:0 auto}.footer-bottom p{color:#fff6;font-size:.9rem}@media (max-width: 1024px){.features-detailed,.contact-section,.story-section{grid-template-columns:1fr;gap:40px;padding:40px}.feature-detailed{grid-template-columns:1fr;text-align:center}.feature-detailed.reverse{direction:ltr}.pricing-cards{grid-template-columns:repeat(2,1fr);padding:40px 20px}.pricing-card.popular{transform:none}}@media (max-width: 850px){.pricing-cards{grid-template-columns:1fr;max-width:400px}.values-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.enterprise-card{flex-direction:column;text-align:center}.contact-info{grid-template-columns:1fr}}@media (max-width: 768px){.marketing-nav{padding:16px 24px}.nav-logo-img{height:36px}.nav-links a:not(.active){display:none}.nav-links{gap:16px}.page-hero{padding:60px 24px}.page-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.features-detailed,.pricing-cards,.contact-section,.story-section,.legal-content{padding:24px}.values-grid{grid-template-columns:1fr}.stats-section{flex-direction:column;gap:32px;padding:60px 24px}.timeline:before{left:20px}.timeline-marker{width:60px}.timeline-content:before{left:16px}.footer-content{grid-template-columns:1fr;gap:40px;padding:0 24px}.footer-links{grid-template-columns:1fr 1fr}.marketing-footer,.cta-section{padding:60px 24px}.cta-section h2{font-size:2rem}.form-row{grid-template-columns:1fr}}.app-shell{min-height:100vh;background:#0d1526;display:flex;flex-direction:column}.app-header{background:#fff;border-radius:24px;padding:32px 36px;display:flex;justify-content:space-between;align-items:flex-start;gap:36px;box-shadow:0 20px 60px #10182814;border:1px solid rgba(15,23,42,.08)}.app-header p{margin-top:8px;color:#475569;max-width:520px}.app-metrics{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.app-metrics div{background:linear-gradient(135deg,#0e74901a,#3b82f61f);border-radius:16px;padding:16px 18px;min-width:180px}.app-metrics dt{font-size:.875rem;text-transform:uppercase;color:#2563eb;letter-spacing:.04em;margin-bottom:4px}.app-metrics dd{margin:0;font-size:1.1rem;font-weight:600;color:#0f172a}.app-grid{display:grid;grid-template-columns:360px minmax(0,1fr) 420px;gap:28px;align-items:flex-start}.panel{background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:20px;border:1px solid rgba(15,23,42,.06);box-shadow:0 20px 45px #0f172a0d;position:relative}.panel header{display:flex;flex-direction:column;gap:6px}.panel header h2{font-size:1.1rem}.subtle{color:#64748b;font-size:.85rem}.brand-panel{max-height:calc(100vh - 220px);overflow:hidden}.brand-panel .brand-form{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:6px}.brand-form label,.brand-form fieldset{display:flex;flex-direction:column;gap:8px;color:#0f172a;font-size:.9rem}.brand-form input,.brand-form textarea,.brand-form select{border-radius:12px;border:1px solid rgba(148,163,184,.6);padding:10px 12px;font:inherit;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease}.brand-form input:focus,.brand-form textarea:focus,.brand-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none;background:#fff}.brand-form textarea{resize:vertical}.brand-form fieldset{border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:16px}.chip-input{display:flex;gap:8px;align-items:center}.chip-input input{flex:1}.chip-input button{border:none;background:#2563eb;color:#fff;border-radius:12px;padding:10px 16px;cursor:pointer;font-size:.9rem}.chip-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chip-list li{display:inline-flex;align-items:center;gap:6px;background:#2563eb1a;border-radius:999px;padding:6px 12px;color:#1d4ed8;font-size:.85rem}.chip-list button{border:none;background:none;color:#1d4ed8;cursor:pointer;font-size:1rem}.form-footer{display:flex;flex-direction:column;gap:8px}.form-footer button{align-self:flex-start;border:none;background:linear-gradient(135deg,#2563eb,#4338ca);color:#fff;border-radius:14px;padding:10px 20px;font-weight:600;cursor:pointer;transition:transform .15s ease}.form-footer button:hover{transform:translateY(-1px)}.chat-panel{min-height:640px}.chat-window{border-radius:16px;background:#f8fafc;padding:18px;max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;max-width:90%}.chat-message.user{margin-left:auto;background:linear-gradient(135deg,#2563eb2e,#4f46e52e);color:#1e3a8a}.chat-message.agent{margin-right:auto;background:#fff;border:1px solid rgba(15,23,42,.05);box-shadow:0 10px 30px #0f172a14}.chat-message .meta{display:flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6366f1}.chat-message.agent .meta{color:#0ea5e9}.chat-message p{margin:0;white-space:pre-wrap;font-size:.95rem;color:inherit}.chat-thinking{font-size:.85rem;color:#64748b}.chat-input{display:flex;flex-direction:column;gap:12px}.chat-input textarea{border-radius:16px;border:1px solid rgba(148,163,184,.6);padding:14px 16px;font:inherit;resize:vertical;min-height:110px;background:#fff}.chat-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-actions button{border:none;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border-radius:14px;padding:10px 22px;font-weight:600;cursor:pointer;min-width:110px;transition:opacity .2s ease,transform .15s ease}.chat-actions button:disabled{opacity:.6;cursor:not-allowed}.chat-actions button:not(:disabled):hover{transform:translateY(-1px)}.side-stack{display:flex;flex-direction:column;gap:28px}.accounts-panel{gap:16px}.oauth-actions{display:flex;flex-direction:column;gap:8px;background:#3b82f614;border-radius:16px;padding:16px}.oauth-actions button{align-self:flex-start;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:10px 18px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.oauth-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#94a3b899;color:#0f172a}.oauth-actions button:not(:disabled):hover{transform:translateY(-1px)}.account-form{display:grid;gap:14px}.account-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#0f172a}.account-form input,.account-form select,.account-form textarea{border-radius:12px;border:1px solid rgba(148,163,184,.6);padding:10px 12px;font:inherit;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease}.account-form input:focus,.account-form select:focus,.account-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none;background:#fff}.account-form textarea{resize:vertical}.account-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.account-list li{border-radius:16px;border:1px solid rgba(148,163,184,.35);padding:14px 16px;background:#f8fafce6;display:flex;flex-direction:column;gap:8px}.account-header{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.account-handle{font-size:.9rem;color:#334155}.account-notes{font-size:.85rem;color:#475569}.status-badge{padding:4px 10px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.status-badge.connected{background:#10b98133;color:#0f766e}.status-badge.pending{background:#fbbf2433;color:#92400e}.status-badge.error{background:#f8717133;color:#b91c1c}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.account-actions button{border:none;border-radius:999px;background:#2563eb;color:#fff;padding:8px 16px;font-weight:600;cursor:pointer}.account-actions button.ghost{background:transparent;color:#1f2937;border:1px solid rgba(148,163,184,.6)}.plan-stack{display:flex;flex-direction:column;gap:20px}.plan-card{border-radius:20px;border:1px solid rgba(59,130,246,.18);padding:18px 20px;background:linear-gradient(135deg,#dbeafecc,#ffffffe6);display:flex;flex-direction:column;gap:14px}.plan-card header{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-card time{font-size:.85rem;color:#1d4ed8}.strategic-angle{font-size:.9rem;color:#1f2937;background:#3b82f61f;border-radius:12px;padding:10px 12px}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.post-item{background:#fffc;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(148,163,184,.4)}.post-item.scheduled{border-color:#10b98199;background:#10b98114}.post-item.published{border-color:#3b82f699;background:#3b82f614}.post-headline{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#1f2937;gap:12px}.post-headline span{background:#1e293b;color:#f8fafc;font-size:.7rem;padding:4px 8px;border-radius:999px}.post-hook{font-weight:600;color:#1d4ed8}.post-item details summary{cursor:pointer;color:#334155}.post-item details ul{margin:8px 0 0;padding-left:18px}.post-body{border-radius:12px;border:1px dashed rgba(148,163,184,.6);background:#ffffffe6;padding:12px;font:inherit;min-height:110px;resize:vertical}.cta{font-size:.85rem;color:#1f2937;background:#2563eb1a;padding:8px 12px;border-radius:12px}.post-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.post-actions button{border:none;border-radius:12px;background:#2563eb;color:#fff;padding:8px 16px;cursor:pointer;font-weight:600}.post-actions .scheduled{color:#0f766e;font-weight:600}.post-actions .published{color:#1d4ed8;font-weight:600}.empty-state{background:#e2e8f099;border-radius:16px;padding:18px;color:#475569;font-size:.95rem}.linkedin-posts-panel{gap:16px}.posts-controls{display:flex;gap:12px;align-items:center}.posts-controls button{border:none;background:#2563eb;color:#fff;border-radius:12px;padding:8px 16px;cursor:pointer;font-weight:600}.posts-controls button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:12px;padding:12px;color:#b91c1c}.linkedin-posts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.linkedin-post-item{border-radius:16px;border:1px solid rgba(148,163,184,.35);padding:14px 16px;background:#f8fafce6;display:flex;flex-direction:column;gap:8px}.post-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.85rem;color:#64748b}.post-id{font-family:monospace;background:#0f172a1a;padding:2px 6px;border-radius:4px}.post-commentary{color:#1f2937;font-size:.95rem;line-height:1.5;white-space:pre-wrap}.visibility{text-transform:uppercase;font-size:.75rem;background:#3b82f61a;color:#1d4ed8;padding:2px 8px;border-radius:999px}.create-post-panel{gap:16px}.create-post-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#1f2937;font-size:.9rem}.form-group textarea{width:100%;padding:12px;border:1px solid rgba(148,163,184,.5);border-radius:12px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:120px}.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.char-count{font-size:.85rem;color:#64748b;text-align:right}.file-input{display:none}.file-button{border:2px dashed rgba(148,163,184,.6);background:#f8fafce6;color:#475569;border-radius:12px;padding:12px 20px;cursor:pointer;font-weight:600;transition:all .2s}.file-button:hover:not(:disabled){border-color:#2563eb;background:#2563eb0d;color:#2563eb}.file-button:disabled{opacity:.6;cursor:not-allowed}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-preview-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.3);background:#fff}.media-preview-item img{width:100%;height:150px;object-fit:cover;display:block}.remove-media{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-media:hover:not(:disabled){background:#dc2626e6}.remove-media:disabled{opacity:.5;cursor:not-allowed}.upload-status{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;font-size:.75rem;text-align:center;font-weight:600}.upload-status:not(.success):not(.error){background:#3b82f6e6;color:#fff}.upload-status.success{background:#22c55ee6;color:#fff}.upload-status.error{background:#dc2626e6;color:#fff}.upload-button{position:absolute;bottom:0;left:0;right:0;border:none;background:#2563eb;color:#fff;padding:8px;font-weight:600;cursor:pointer;font-size:.85rem}.upload-button:hover:not(:disabled){background:#1d4ed8}.upload-button:disabled{opacity:.6;cursor:not-allowed}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:12px;color:#15803d}.success-message p{margin:0;font-weight:600}.form-footer{display:flex;gap:12px;justify-content:flex-end}.form-footer button{border:none;background:#2563eb;color:#fff;border-radius:12px;padding:12px 24px;font-weight:600;cursor:pointer;transition:background .2s}.form-footer button:hover:not(:disabled){background:#1d4ed8}.form-footer button:disabled{opacity:.6;cursor:not-allowed}.schedule-form{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a52;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;z-index:10}.schedule-form header{display:flex;justify-content:space-between;align-items:center}.schedule-form header button{border:none;background:none;font-size:1.4rem;cursor:pointer;color:#fff}.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.schedule-grid label{display:flex;flex-direction:column;gap:8px;color:#f8fafc}.schedule-grid input{border-radius:12px;border:none;padding:10px 12px;font:inherit}.schedule-form .form-footer{margin-top:auto}.schedule-form .form-footer button{background:linear-gradient(135deg,#22d3ee,#6366f1);color:#0f172a}.schedule-panel .schedule-list{display:flex;flex-direction:column;gap:16px}.schedule-day{background:#0ea5e91f;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.schedule-day h3{font-size:.95rem;color:#0f172a}.schedule-day ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.schedule-day li{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:12px;background:#fff;border:1px solid rgba(14,165,233,.2)}.schedule-day .timestamp{font-size:.8rem;color:#0284c7;font-weight:600}.schedule-day .platform{font-size:.75rem;text-transform:uppercase;color:#0f172a;opacity:.7}@media (max-width: 1200px){.app-grid{grid-template-columns:1fr}.brand-panel{max-height:none}.side-stack{flex-direction:column}.panel{position:relative}}@media (max-width: 768px){.app-shell{padding:20px}.app-header{flex-direction:column}.app-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.panel{padding:20px}.chat-window{max-height:360px}}