:root{--bg-dark: #0f050a;--bg-panel: #1a0b14;--primary: #e91e63;--primary-glow: #ff4081;--text-main: #ffffff;--text-muted: #b0a0aa;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--card-hover: rgba(233, 30, 99, .15)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,rgba(233,30,99,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(106,27,154,.15) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:var(--text-main);min-height:100vh;overflow-x:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #e91e6366}70%{box-shadow:0 0 0 10px #e91e6300}to{box-shadow:0 0 #e91e6300}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fadeInUp{animation:fadeInUp .8s ease-out backwards}.animate-fadeInDown{animation:fadeInDown .8s ease-out}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.glass-header{background:#0f050acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.text-gradient{background:linear-gradient(to right,#fff,#f8bbd0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0f050acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--glass-border)}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700}.logo-icon{width:40px;height:40px;background:var(--primary);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 15px var(--primary)}.nav-actions button{background:transparent;border:1px solid var(--glass-border);color:var(--text-main);padding:10px 20px;border-radius:8px;margin-left:10px;cursor:pointer;transition:.3s}.nav-actions button.primary{background:linear-gradient(45deg,#e91e63,#9c27b0);border:none;box-shadow:0 4px 15px #e91e634d}.nav-actions button:hover{transform:translateY(-2px)}.timeline-container{padding:15px 0;display:flex;justify-content:center;animation:fadeInDown .8s ease-out;margin-bottom:20px;transform-origin:top;transform:none}.timeline{display:flex;align-items:flex-start;gap:40px;position:relative;overflow-x:auto;padding-bottom:15px;max-width:100%;scrollbar-width:thin}.timeline::-webkit-scrollbar{height:6px}.timeline::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media(max-width:768px){.timeline{gap:15px;justify-content:flex-start;padding-left:20px}}.timeline:before{content:"";position:absolute;top:25px;left:30px;right:30px;height:2px;background:linear-gradient(90deg,var(--primary) 20%,#333 20%);z-index:-1}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.5;transition:.3s;cursor:pointer}.timeline-step.active{opacity:1}.step-icon{width:50px;height:50px;background:var(--bg-panel);border:2px solid #333;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;transition:.3s;z-index:2}.timeline-step.active .step-icon{border-color:var(--primary);background:#2a0e1a;color:var(--primary);animation:pulseGlow 2s infinite}.step-info{text-align:center}.step-info h4{font-size:.85rem;font-weight:600;margin-top:8px}.step-info span{font-size:.75rem;color:var(--text-muted)}.container{max-width:95%;width:1400px;margin:0 auto;padding:0 20px 120px}.hero-section{margin-bottom:10px;animation:fadeInUp .8s ease-out .2s backwards;display:flex;justify-content:space-between;align-items:flex-end}.page-title h1{font-size:2.2rem;margin-bottom:2px;background:linear-gradient(to right,#fff,#f8bbd0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.page-title p{color:var(--text-muted)}.countdown{text-align:right;background:var(--glass-bg);padding:10px 20px;border-radius:12px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.countdown h3{color:var(--primary-glow);font-size:1.5rem}.countdown span{font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}@media(min-width:1280px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:25px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .8s ease-out backwards;display:flex;align-items:center;gap:20px}.card:nth-child(1){animation-delay:.3s}.card:nth-child(2){animation-delay:.4s}.card:nth-child(3){animation-delay:.5s}.card:nth-child(4){animation-delay:.6s}.card:nth-child(5){animation-delay:.7s}.card:nth-child(6){animation-delay:.8s}.card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff0f;border-color:#e91e634d;box-shadow:0 20px 40px #0006,0 0 20px #e91e631a}.card-icon-box{width:60px;height:60px;background:#0000004d;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-glow);flex-shrink:0}.card-content{flex-grow:1}.card-content h3{font-size:1.1rem;margin-bottom:5px}.card-content p{font-size:.85rem;color:var(--text-muted);margin-bottom:10px}.arrow-icon{color:var(--text-muted);transition:.3s}.card:hover .arrow-icon{transform:translate(5px);color:#fff}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:10px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#ff80ab);border-radius:10px}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;background:#4caf5033;color:#81c784;margin-top:5px}.ai-bar-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:90%;max-width:1100px;z-index:1000;animation:fadeInUp 1s ease-out 1s backwards}.ai-bar{display:flex;align-items:center;background:#1e0a14f2;border:1px solid var(--primary);border-radius:20px;padding:15px 25px;box-shadow:0 10px 30px #00000080,0 0 20px #e91e6333;position:relative;overflow:hidden}.ai-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:linear-gradient(90deg,transparent,rgba(233,30,99,.8),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:200% auto;animation:shimmer 3s linear infinite;pointer-events:none}.ai-icon{width:40px;height:40px;background:linear-gradient(135deg,#e91e63,#ff80ab);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:20px;box-shadow:0 4px 10px #e91e6366}.ai-input-area{flex-grow:1}.ai-label{font-size:.75rem;color:var(--primary-glow);font-weight:600;margin-bottom:2px;display:block}.ai-typing{font-size:1rem;color:#fff;border-right:2px solid var(--primary);white-space:nowrap;overflow:hidden;animation:blink .75s step-end infinite;height:1.2em;display:block}.mic-btn{width:45px;height:45px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;position:relative}.mic-btn:hover{background:var(--primary);border-color:var(--primary)}.mic-waves{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid var(--primary);opacity:0;animation:wave 2s infinite}@keyframes wave{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--primary)}}@media(max-width:768px){.timeline{gap:20px;overflow-x:auto;padding-bottom:10px}.hero-section{flex-direction:column;align-items:flex-start;gap:20px}.ai-typing{font-size:.85rem}.timeline:before{display:none}.ai-bar-container{width:95%;bottom:20px}.ai-bar{padding:10px 15px}.ai-icon{width:32px;height:32px;margin-right:10px}.mic-btn{width:36px;height:36px}.ai-label{font-size:.65rem}}.mission-hub-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0a0508;color:#fff;display:flex;flex-direction:column;overflow:hidden}.neural-bg-animated{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 10% 10%,rgba(233,30,99,.15) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(0,188,212,.1) 0%,transparent 40%),#0a0508;opacity:.8}.mission-hub-header{padding:2rem 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);background:#0a050899;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mission-label{color:var(--primary);text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:2px}.exit-hub-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 20px;border-radius:12px;cursor:pointer;transition:.3s}.exit-hub-btn:hover{background:#e91e6333;border-color:var(--primary)}.mission-workspace{flex:1;display:flex;flex-direction:column;padding:0 10%;overflow-y:auto;scrollbar-width:none}.mission-history{padding:2rem 0;display:flex;flex-direction:column;gap:30px;opacity:.5;transition:.5s}.mission-history:hover{opacity:1}.history-item{display:flex;gap:20px}.history-icon{width:24px;height:24px;color:#4caf50;font-size:1.2rem}.history-content h3{font-size:1rem;margin-bottom:5px;color:#fff}.history-content p{font-size:.85rem;color:var(--text-muted)}.history-time{font-size:.7rem;color:#ffffff4d;margin-top:5px;display:block}.active-task-focus{padding:4rem 0 8rem;display:flex;justify-content:center;position:relative}.focus-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:32px;max-width:700px;width:100%;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 40px 100px #00000080;position:relative;z-index:10}.focus-glow{position:absolute;width:120%;height:120%;background:radial-gradient(circle,rgba(233,30,99,.2) 0%,transparent 60%);z-index:1;pointer-events:none}.category-tag{background:#e91e631a;color:var(--primary);padding:6px 14px;border-radius:20px;font-size:.7rem;font-weight:800;display:inline-block;margin-bottom:1.5rem}.active-task-focus h2{font-size:2.5rem;margin-bottom:1rem;line-height:1.2}.active-task-focus p{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem}.ai-insight{background:#00bcd40d;border:1px solid rgba(0,188,212,.2);padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:15px;color:#00bcd4;font-size:.9rem;margin-bottom:2rem}.perform-action-btn{width:100%;padding:1.2rem;background:linear-gradient(45deg,var(--primary),#9c27b0);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:12px}.perform-action-btn:hover{transform:scale(1.02);filter:brightness(1.1);box-shadow:0 10px 30px #e91e634d}.perform-action-btn:disabled{opacity:.5;cursor:not-allowed}.streak-hud{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#ff980026;border:1px solid rgba(255,152,0,.3);color:#ff9800;padding:10px 24px;border-radius:30px;font-weight:800;display:flex;align-items:center;gap:10px;z-index:2001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-complete-celebration{text-align:center;padding:6rem 0}.mission-complete-celebration i{font-size:4rem;color:#ffc107;margin-bottom:2rem}.mission-complete-celebration h2{font-size:2rem;margin-bottom:1rem}.agentic-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:10px 18px;border-radius:20px;cursor:pointer;transition:.3s;font-weight:600;display:flex;align-items:center;gap:8px;margin-right:15px}.agentic-toggle-btn:hover{background:#ffffff1a;border-color:var(--primary);color:#fff}.agentic-toggle-btn.active{background:#e91e6326;border-color:var(--primary);color:var(--primary-glow);box-shadow:0 0 15px #e91e6333}.agentic-toggle-btn i{font-size:1.1rem}.mission-actions-group{display:flex;gap:15px;margin-top:25px}.perform-action-btn{flex:1;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;border:none}.perform-action-btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px #e91e634d}.perform-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366}.perform-action-btn.secondary{background:#ffffff0d;color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.perform-action-btn.secondary:hover{background:#ffffff1a;color:#fff}.perform-action-btn.loading{opacity:.7;cursor:not-allowed}.ai-insight{background:#1e88e51a;border-left:3px solid #1E88E5;padding:15px;border-radius:8px;margin:20px 0;display:flex;gap:12px;align-items:flex-start;color:#bbdefb;font-size:.95rem;line-height:1.5}.ai-insight i{font-size:1.2rem;color:#42a5f5;margin-top:2px}.mission-hub-container.peek-mode{background:#0a050866;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.mission-hub-container.peek-mode .focus-card,.mission-hub-container.peek-mode .mission-history,.mission-hub-container.peek-mode .mission-hub-header{pointer-events:auto}.mission-hub-container.peek-mode .neural-bg-animated{opacity:.2}.peek-btn{background:#00bcd41a;border:1px solid rgba(0,188,212,.3);color:#00bcd4;padding:10px 20px;border-radius:12px;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:8px}.peek-btn:hover{background:#00bcd433;box-shadow:0 0 15px #00bcd433}.hub-controls{display:flex;gap:15px}