.dashboard-container{padding:1rem;width:100%;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:10vh;display:flex;flex-direction:column;align-items:center}.dashboard-title{text-align:center;color:#0ff;margin-bottom:1rem;font-size:1.7rem;margin-left:-330px}.dashboard-content{display:flex;flex-direction:column;gap:0rem;width:100%}.dashboard-grid-row{display:grid;gap:1rem;margin-bottom:1rem;width:100%}.dashboard-grid-row:first-child{grid-template-columns:repeat(5,1fr);min-height:140px}.dashboard-grid-row:last-child{grid-template-columns:repeat(6,1fr);min-height:140px}.dashboard-card{background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;transition:transform .2s ease,box-shadow .2s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.health-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.health-card .card-header{color:#fff}.security-card{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.security-card .card-header{color:#333}.update-card{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.update-card .card-header{color:#333}.info-card{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.card-header{display:flex;align-items:center;margin-bottom:.75rem;font-weight:600;color:#333}.card-icon{font-size:1.5rem;margin-right:.5rem}.card-title{font-size:1.1rem}.card-content{text-align:center}.health-score{font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.health-status{font-size:1.1rem;opacity:.9}.usage-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;margin-bottom:.5rem;overflow:hidden}.usage-fill{height:100%;border-radius:4px;transition:width .3s ease}.cpu-fill{background:linear-gradient(90deg,#ff6b6b,#ff8e8e)}.memory-fill{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.disk-fill{background:linear-gradient(90deg,#45b7d1,#96c93d)}.usage-text{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:.25rem}.usage-status{font-size:1rem;color:#666}.network-status{display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.5rem;font-weight:700;color:#222}.network-status span{margin-left:.5rem;font-weight:600}.network-details{font-size:1rem;color:#333;font-weight:700;margin-top:.25rem}.uptime{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:.25rem}.uptime-status{font-size:1rem;color:#666}.memory-details,.disk-details{font-size:.9rem;color:#666;margin-top:.25rem}.security-status{font-size:1rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.update-status{font-size:1rem;margin-bottom:.4rem}.info-item{font-size:1rem;margin-bottom:.4rem;color:#333}.dashboard-actions{margin-top:-1rem;padding:.8rem;background:transparent;border:none;border-radius:12px;margin-left:-330px}.dashboard-actions h4{color:#0ff;margin-bottom:1rem;text-align:center}.action-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;justify-content:center}.action-btn{border:none;padding:.5rem .75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;display:inline-block;white-space:nowrap;margin:.25rem}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-btn.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f093fb66}.dashboard-loading{text-align:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.dashboard-error{text-align:center;padding:2rem;color:#d32f2f}.retry-button{background:#d32f2f;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:1rem;font-size:.9rem}.retry-button:hover{background:#b71c1c}.dashboard-container,.dashboard-content,.dashboard-grid-row{box-sizing:border-box}.dashboard-card{box-sizing:border-box;flex:1}@media (max-width: 1200px){.dashboard-grid-row:first-child{grid-template-columns:repeat(5,1fr)}.dashboard-grid-row:last-child{grid-template-columns:repeat(6,1fr)}.action-buttons{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-grid-row:first-child{grid-template-columns:repeat(3,1fr)}.dashboard-grid-row:last-child{grid-template-columns:repeat(4,1fr)}.dashboard-card{padding:.75rem}.action-buttons{grid-template-columns:repeat(2,1fr)}.action-btn{width:100%}}@media (max-width: 480px){.dashboard-grid-row:first-child{grid-template-columns:repeat(2,1fr)}.dashboard-grid-row:last-child{grid-template-columns:repeat(3,1fr)}.dashboard-container,.dashboard-card{padding:.5rem}.health-score{font-size:1.8rem}.usage-text{font-size:1rem}.action-buttons{grid-template-columns:1fr}}@media (min-width: 1400px){.dashboard-container{max-width:1600px}.dashboard-card{min-height:150px}}@media (min-width: 1920px){.dashboard-container{max-width:1800px}.dashboard-grid-row{gap:1.5rem}.dashboard-card{min-height:160px;padding:.75rem}}.simpleshield-card{border:2px solid #0ff;box-shadow:0 0 15px #00ffff4d;background:#012c;position:relative;overflow:hidden}.simpleshield-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0ff,#0ff,#0ff);animation:shield-glow 2s ease-in-out infinite}@keyframes shield-glow{0%,to{opacity:.7}50%{opacity:1}}.security-overview{margin-bottom:.5rem}.security-score{text-align:center;padding:.3rem;border-radius:6px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3)}.security-status{font-size:.85rem;margin-bottom:.2rem;display:flex;align-items:center;gap:.3rem}.security-threats{font-size:.85rem;margin:.5rem 0;padding:.3rem;border-radius:4px;background:#f443361a;border:1px solid rgba(244,67,54,.3)}.security-last-scan{font-size:.75rem;color:#888;margin-top:.3rem}.security-actions{display:none}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(0,255,255,.3);border-top:2px solid #0ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.notifications-container{position:fixed;top:20px;right:20px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notification-bell{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;position:relative;box-shadow:0 4px 12px #667eea4d;transition:transform .2s ease,box-shadow .2s ease}.notification-bell:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea66}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notifications-panel{position:absolute;top:60px;right:0;width:350px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e0e0e0;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notifications-header h3{margin:0;font-size:1.1rem;font-weight:600}.close-notifications{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-notifications:hover{background:#fff3}.notifications-list{max-height:350px;overflow-y:auto;padding:.5rem}.notification-item{display:flex;align-items:flex-start;padding:1rem;margin-bottom:.5rem;border-radius:8px;border-left:4px solid;transition:transform .2s ease,box-shadow .2s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.notification-item:hover{transform:translate(5px);box-shadow:0 2px 8px #0000001a}.notification-success{background:#f8fff9;border-left-color:#4caf50}.notification-warning{background:#fffbf0;border-left-color:#ff9800}.notification-error{background:#fff5f5;border-left-color:#f44336}.notification-info{background:#f0f8ff;border-left-color:#2196f3}.notification-icon{font-size:1.2rem;margin-right:.75rem;margin-top:.1rem;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.9rem;color:#333;margin-bottom:.25rem;line-height:1.3}.notification-message{font-size:.8rem;color:#666;line-height:1.4;margin-bottom:.5rem}.notification-time{font-size:.7rem;color:#999}.notification-actions{display:flex;flex-direction:column;gap:.5rem;margin-left:.5rem;flex-shrink:0}.notification-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.notification-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.notification-dismiss-btn{background:#f0f0f0;color:#666;border:none;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.notification-dismiss-btn:hover{background:#e0e0e0;color:#333}.notifications-footer{padding:1rem;border-top:1px solid #e0e0e0;text-align:center}.dismiss-all-btn{background:#f0f0f0;color:#666;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.dismiss-all-btn:hover{background:#e0e0e0;color:#333}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 480px){.notifications-container{top:10px;right:10px}.notifications-panel{width:300px;right:-10px}.notification-item{padding:.75rem}.notification-actions{margin-left:.25rem}.notification-action-btn{padding:.3rem .6rem;font-size:.65rem}}.snapshot-bell{margin-top:62px}.notifications-container+.snapshot-bell{margin-top:62px}.custom-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#1e1e28f2;color:#fff;padding:8px 14px;border-radius:8px;font-size:.95rem;white-space:nowrap;box-shadow:0 2px 8px #0000002e;z-index:2001;pointer-events:none;opacity:1;transition:opacity .2s}.ai-health-timeline{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:1968px;max-height:calc(85vh + 576px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;z-index:1000;overflow:hidden;animation:slideInScale .4s ease-out}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.header-content{display:flex;align-items:center;gap:16px}.header-actions{display:flex;align-items:center;gap:12px}.clear-btn{background:#fff3;border:none;color:#fff;font-size:.9rem;padding:8px 16px;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.clear-btn:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 15px #fff3}.clear-btn:active{transform:scale(.95)}.timeline-icon{font-size:2rem;background:#fff3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-text h3{margin:0;font-size:1.4rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-text p{margin:4px 0 0;font-size:.9rem;opacity:.8;font-style:italic}.close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.timeline-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.filter-controls{display:flex;gap:12px}.filter-select{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-select option{background:#2a5298;color:#fff}.sort-controls{display:flex;gap:8px}.sort-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sort-btn:hover{background:#fff3}.sort-btn.active{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 4px 15px #4caf504d}.timeline-content{padding:24px;max-height:calc(85vh + 396px);overflow-y:auto}.loading-state{text-align:center;padding:40px 20px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p{font-size:1.1rem;opacity:.8}.timeline-entries{display:flex;flex-direction:column;gap:20px}.timeline-entry{background:#ffffff1a;border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative}.timeline-entry:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.timeline-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#4caf50,#8bc34a);border-radius:2px}.entry-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.entry-icon{font-size:1.8rem;background:#fff3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.entry-info{flex:1}.entry-info h4{margin:0 0 8px;font-size:1.2rem;font-weight:600;color:gold}.entry-info p{margin:0 0 12px;font-size:.95rem;opacity:.9;line-height:1.4}.entry-meta{display:flex;gap:16px;font-size:.85rem;opacity:.7}.entry-meta span{display:flex;align-items:center;gap:4px}.entry-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;padding:16px;background:#ffffff0d;border-radius:12px}.metric-group{display:flex;flex-direction:column;gap:12px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.metric-label{font-weight:500;font-size:.9rem;color:gold}.metric-values{display:flex;align-items:center;gap:8px;font-weight:600}.before{color:#fff9;font-size:.85rem}.arrow{color:gold;font-weight:700;font-size:1rem}.after{font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.entry-actions{display:flex;gap:12px;justify-content:flex-end}.btn-re-run,.btn-undo{padding:8px 16px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;min-width:100px;justify-content:center}.btn-re-run{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 15px #2196f34d}.btn-re-run:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.btn-undo{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-undo:hover{background:#ffffff4d;transform:translateY(-2px)}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h4{margin:0 0 12px;font-size:1.3rem;color:gold}.empty-state p{font-size:1rem;opacity:.8;line-height:1.5}@media (max-width: 768px){.ai-health-timeline{width:95%;max-width:95vw;max-height:90vh}.floating-timeline{width:95vw!important;height:90vh!important;max-width:95vw!important;max-height:90vh!important}.timeline-header{padding:16px 20px}.header-content{flex-direction:column;text-align:center;gap:12px}.timeline-icon{width:40px;height:40px;font-size:1.5rem}.timeline-controls{flex-direction:column;gap:16px;padding:16px 20px}.filter-controls,.sort-controls{width:100%;justify-content:center}.filter-select{width:100%;max-width:200px}.timeline-content{padding:20px;max-height:calc(90vh - 220px)}.entry-header{flex-direction:column;text-align:center;gap:12px}.entry-icon{width:40px;height:40px;font-size:1.5rem}.entry-metrics{grid-template-columns:1fr;gap:16px}.entry-actions{flex-direction:column}.btn-re-run,.btn-undo{width:100%}}.floating-timeline{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:80vw!important;height:90vh!important;max-width:1000px!important;max-height:90vh!important;border-radius:20px!important;z-index:2000!important;box-shadow:0 0 0 9999px #00000073;animation:slideInScale .4s ease-out;display:flex;flex-direction:column}.floating-timeline .timeline-header{border-radius:20px 20px 0 0}.floating-timeline .timeline-content{max-height:calc(80vh - 180px)}.error-state{text-align:center;padding:40px 20px;color:#ff6b6b}.error-icon{font-size:3rem;margin-bottom:1rem}.error-state h4{margin:0 0 .5rem;color:#ff6b6b}.error-state p{color:#fffc;margin:0 0 1rem}.retry-btn{background:#ff6b6b33;border:1px solid rgba(255,107,107,.5);color:#ff6b6b;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.retry-btn:hover{background:#ff6b6b4d;transform:scale(1.05)}.predictive-alerts-container{background:#012c;border:1px solid rgba(0,255,255,.3);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.2)}.alerts-header h3{color:#0ff;margin:0;font-size:1.3rem;font-weight:700}.toggle-btn{background:transparent;color:#0ff;border:1px solid #0ff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.toggle-btn:hover{background:#00ffff1a;transform:translateY(-1px)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,255,255,.3);border-top:3px solid #0ff;border-radius:50%;animation:spin 1s linear infinite}.loading-indicator p{color:#0ff;margin:0;font-size:.9rem}.alerts-section{margin-bottom:2rem}.alerts-section h4{color:#0ff;margin:0 0 1rem;font-size:1.1rem}.no-alerts{text-align:center;padding:2rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px}.no-alerts-icon{font-size:3rem;display:block;margin-bottom:1rem}.no-alerts p{color:#4caf50;margin:0;font-size:.9rem}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{background:#0129;border-radius:8px;padding:1rem;border-left:4px solid;transition:all .3s ease}.alert-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0ff3}.alert-item.critical{border-left-color:#f44336;background:#f443361a}.alert-item.warning{border-left-color:#ff9800;background:#ff98001a}.alert-item.info{border-left-color:#2196f3;background:#2196f31a}.alert-item.success{border-left-color:#4caf50;background:#4caf501a}.alert-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.alert-icon{font-size:1.2rem}.alert-title{font-weight:700;color:#0ff;flex:1}.dismiss-btn{background:transparent;color:#888;border:none;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;transition:all .3s ease}.dismiss-btn:hover{color:#0ff;background:#00ffff1a}.alert-content{color:#ccc;font-size:.9rem}.alert-message{margin:0 0 .5rem}.alert-prediction{margin:.5rem 0;padding:.5rem;background:#00ffff0d;border-radius:4px;border-left:3px solid #0ff}.alert-confidence{font-size:.8rem;color:#888;margin:.5rem 0}.alert-action-btn{background:#0ff;color:#000;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:700;margin-top:.5rem;transition:all .3s ease}.alert-action-btn:hover{background:#0ff;transform:translateY(-1px);box-shadow:0 3px 10px #00ffff4d}.trends-section{margin-bottom:2rem}.trends-section h4{color:#0ff;margin:0 0 1rem;font-size:1.1rem}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.trend-card{background:#0129;border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:1rem;transition:all .3s ease}.trend-card:hover{border-color:#0ff6;transform:translateY(-2px);box-shadow:0 5px 15px #00ffff1a}.trend-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.trend-icon{font-size:1.5rem}.trend-metric{font-weight:700;color:#0ff;font-size:1rem}.trend-content{color:#ccc;font-size:.85rem}.trend-current{font-weight:700;margin-bottom:.5rem;color:#0ff}.trend-prediction{margin-bottom:.5rem;line-height:1.4}.trend-timeframe{font-size:.8rem;color:#888;font-style:italic}.recommendations-section h4{color:#0ff;margin:0 0 1rem;font-size:1.1rem}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{display:flex;align-items:flex-start;gap:1rem;background:#0129;border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:1rem;transition:all .3s ease}.recommendation-item:hover{border-color:#0ff6;transform:translate(5px)}.recommendation-icon{font-size:1.5rem;margin-top:.25rem}.recommendation-content{flex:1;color:#ccc}.recommendation-content strong{color:#0ff;display:block;margin-bottom:.5rem;font-size:.95rem}.recommendation-content p{margin:0;font-size:.85rem;line-height:1.4}@media (max-width: 768px){.predictive-alerts-container{padding:1rem}.alerts-header{flex-direction:column;gap:1rem;text-align:center}.trends-grid{grid-template-columns:1fr}.recommendation-item{flex-direction:column;text-align:center}.recommendation-icon{align-self:center}}.alert-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.alert-item.critical{animation:slideIn .3s ease-out,pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 5px #f443364d}50%{box-shadow:0 0 15px #f4433699}}.simpleshield-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:800px;margin:0 auto;max-height:90vh;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.simpleshield-container::-webkit-scrollbar{width:8px}.simpleshield-container::-webkit-scrollbar-track{background:transparent;border-radius:4px}.simpleshield-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;transition:background .3s ease}.simpleshield-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.simpleshield-container *{scroll-behavior:smooth}.simpleshield-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}.simpleshield-title{display:flex;align-items:center;gap:12px}.shield-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.simpleshield-title h3{margin:0;font-size:1.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.simpleshield-status{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1.1rem}.status-icon{font-size:1.2rem}.security-score-section{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 16px #0003}.score-inner{width:60px;height:60px;background:#fffffff2;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333}.score-number{font-size:1.2rem;font-weight:700;line-height:1}.score-label{font-size:.7rem;opacity:.7}.score-info h4{margin:0 0 4px;font-size:1.1rem;font-weight:600}.score-info p{margin:0;opacity:.8;font-size:.9rem}.security-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-item:hover{background:#ffffff26;transform:translateY(-2px)}.stat-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.stat-content{display:flex;flex-direction:column}.stat-value{font-weight:600;font-size:1rem;margin-bottom:2px}.stat-label{font-size:.8rem;opacity:.8}.scan-section{text-align:center;margin-bottom:24px}.scan-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 16px #4caf504d;margin-bottom:12px}.scan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.scan-button:disabled{opacity:.7;cursor:not-allowed}.scan-button.scanning{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 16px #ff98004d}.scan-icon{font-size:1.2rem}.scan-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.scan-description{margin:0;opacity:.8;font-size:.9rem}.simpleshield-loading{text-align:center;padding:40px 20px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-message{background:#f4433633;border:1px solid rgba(244,67,54,.4);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:#ffcdd2}.error-icon{font-size:1.2rem}.scan-results{background:#ffffff1a;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.scan-results h4{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:#fff}.scan-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff1a;border-radius:8px}.summary-label{font-size:.9rem;opacity:.8}.summary-value{font-weight:600;font-size:.9rem}.threats-list{margin-top:20px;max-height:400px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;border-radius:8px;padding:16px;background:#ffffff0d}.threats-list::-webkit-scrollbar{width:6px}.threats-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.threats-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;transition:background .3s ease}.threats-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.threats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.threats-list h5{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.clear-all-button{padding:6px 12px;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4);display:flex;align-items:center;gap:4px}.clear-all-button:hover{background:#ffc1074d;transform:translateY(-1px)}.threat-item{background:#ffffff1a;border-radius:8px;padding:16px;margin-bottom:12px;border-left:4px solid;transition:all .3s ease}.threat-item:hover{background:#ffffff26}.threat-item.critical{border-left-color:#f44336;background:#f443361a}.threat-item.high{border-left-color:#ff5722;background:#ff57221a}.threat-item.medium{border-left-color:#ff9800;background:#ff98001a}.threat-item.low{border-left-color:#ffc107;background:#ffc1071a}.threat-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.threat-icon{font-size:1.2rem;width:24px;text-align:center}.threat-name{font-weight:600;flex:1}.threat-severity{font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:4px;background:#ffffff1a}.threat-description{margin-bottom:8px;font-size:.9rem;opacity:.9}.threat-location,.threat-remediation{font-size:.8rem;opacity:.8;margin-bottom:4px}.threat-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.approve-button,.quarantine-button{padding:6px 12px;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.approve-button{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.approve-button:hover{background:#4caf504d;transform:translateY(-1px)}.quarantine-button{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.quarantine-button:hover{background:#ff98004d;transform:translateY(-1px)}.recommendations{margin-top:20px;max-height:300px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;border-radius:8px;padding:16px;background:#ffffff0d}.recommendations::-webkit-scrollbar{width:6px}.recommendations::-webkit-scrollbar-track{background:transparent;border-radius:3px}.recommendations::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;transition:background .3s ease}.recommendations::-webkit-scrollbar-thumb:hover{background:#ffffff80}.recommendations h5{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:#fff}.recommendations ul{margin:0;padding-left:20px}.recommendation-item{margin-bottom:8px;font-size:.9rem;opacity:.9}.system-status{margin-top:20px}.system-status h5{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:#fff}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff1a;border-radius:8px}.status-label{font-size:.9rem;opacity:.8}.status-value{font-weight:600;font-size:.9rem}@media (max-width: 768px){.simpleshield-container{padding:16px;margin:16px}.simpleshield-header{flex-direction:column;gap:12px;text-align:center}.security-score-section{flex-direction:column;text-align:center}.security-stats,.scan-summary,.status-grid{grid-template-columns:1fr}}@media (max-width: 480px){.simpleshield-title h3{font-size:1.2rem}.scan-button{padding:12px 24px;font-size:1rem}.threat-header{flex-direction:column;align-items:flex-start;gap:8px}}.voice-interface{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.voice-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #0ff;border-radius:50px;background:transparent;color:#0ff;cursor:pointer;transition:all .3s ease;font-size:1rem}.voice-button:hover{background:#0ff;color:#000;box-shadow:0 0 20px #0ff}.voice-button.listening{background:#f44;border-color:#f44;color:#fff;animation:pulse 1.5s infinite}.voice-button:disabled{opacity:.5;cursor:not-allowed}.voice-icon{font-size:1.2rem}.voice-button-compact{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.voice-button-compact:hover:not(:disabled){background:#0ff3;border-color:#0ff;transform:scale(1.1)}.voice-button-compact.listening{background:#ff44444d;border-color:#f44;color:#f44;animation:pulse 1.5s infinite}.voice-button-compact.disabled{opacity:.5;cursor:not-allowed}.voice-feedback{display:flex;flex-direction:column;align-items:center;gap:.5rem}.voice-waves{display:flex;gap:.25rem;align-items:center}.wave{width:4px;height:20px;background:#0ff;border-radius:2px;animation:wave 1s infinite ease-in-out}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}.voice-instruction{color:#0ff;font-size:.9rem;margin:0}.voice-transcript{background:#00ffff1a;border:1px solid #0ff;border-radius:8px;padding:.75rem;max-width:300px}.voice-transcript p{margin:0;color:#0ff;font-size:.9rem}.voice-error{background:#ff44441a;border:1px solid #ff4444;border-radius:8px;padding:.75rem;max-width:300px}.voice-error p{margin:0;color:#f44;font-size:.9rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wave{0%,to{height:20px}50%{height:40px}}.fixit-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:transparent}.fixit-wrapper{position:relative;margin-top:80px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2}.fixit-stack{display:flex;flex-direction:column;align-items:center;gap:2rem}.step-row.spaced{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2.5rem}.orbit-step{background:#222;color:#0ff;padding:1rem;border-radius:9999px;font-size:1rem;border:1px solid #0ff;box-shadow:0 0 10px #0ff8;transition:all .3s ease;min-width:160px;min-height:160px;flex-direction:column;align-items:center;justify-content:center;text-align:center;display:flex;position:relative;overflow:hidden}.orbit-step.active{background:#0ff;color:#000;box-shadow:0 0 20px #0ff,0 0 30px #0ff;z-index:6}.fixit-button{background:radial-gradient(circle,#00bcd4,#004d40);color:#fff;font-weight:700;padding:1rem 2rem;border-radius:9999px;box-shadow:0 0 20px #00ffff80;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10}.fixit-button.small{width:100px;height:100px;font-size:1rem;border-radius:999px;margin-top:1rem}.orbit-step{transition:all .4s ease-in-out}.fixit-log{position:absolute;bottom:0;width:100%;max-height:150px;overflow-y:auto;background:#000000a6;color:#0ff;font-size:.8rem;padding:.75rem 1rem;box-shadow:0 -2px 8px #00ffff40;z-index:5}.metrics-block{margin-top:1rem;font-size:.75rem;color:#0ff;line-height:1.4;white-space:pre-line;font-family:Courier New,Courier,monospace;background:#00ffff0d;padding:.5rem;border-radius:.5rem;border:1px solid rgba(0,255,255,.2);width:100%;max-width:180px}.orbit-step.scan-mode{border-radius:50%;background:#001f1f}.scan-content{width:100%;height:100%;font-size:1.2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.scan-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid #0ff;box-shadow:inset 0 0 10px #0ff8,0 0 20px #0ff4;animation:spin 1.5s linear infinite}.scan-label{z-index:1;font-weight:700}.orbit-step.secure-mode{border-radius:1rem;background:#013;animation:pulse-blue 2s ease-in-out infinite}.secure-content{display:flex;flex-direction:column;align-items:center}.shield-icon{font-size:2rem;margin-bottom:.5rem}.secure-label{font-size:.8rem;opacity:.9}@keyframes pulse-blue{0%{box-shadow:0 0 5px #00f,0 0 10px #00f}50%{box-shadow:0 0 15px #00f,0 0 30px #00f}to{box-shadow:0 0 5px #00f,0 0 10px #00f}}.orbit-step.clean-mode{border-radius:1rem;background:#002a2a;animation:wipe-sweep 2s ease-in-out infinite;box-shadow:inset 0 0 10px #0ff,0 0 15px #0ff8}.clean-content{display:flex;flex-direction:column;align-items:center}.broom-icon{font-size:2rem;margin-bottom:.5rem}.clean-label{font-size:.8rem;opacity:.9}@keyframes wipe-sweep{0%{background-position:-150% 0}50%{background-position:150% 0}to{background-position:-150% 0}}.orbit-step.boost-mode{border-radius:50%;background:linear-gradient(135deg,#004d4d,#0ff);color:#fff;font-weight:700;animation:pulse-speed 1.2s ease-in-out infinite,surge-glow 2.5s ease-in-out infinite;box-shadow:0 0 10px #00ffff80,0 0 20px #00ffff40}.boost-content{display:flex;flex-direction:column;align-items:center}.bolt-icon{font-size:1.8rem;margin-bottom:.5rem}.boost-label{font-size:.75rem;opacity:.9}@keyframes pulse-speed{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes surge-glow{0%{box-shadow:0 0 10px #00ffff80}50%{box-shadow:0 0 25px #0ff,0 0 35px #00ffff80}to{box-shadow:0 0 10px #00ffff80}}.orbit-grid{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}@keyframes pulseFixButton{0%{box-shadow:0 0 15px #00ffff40}50%{box-shadow:0 0 40px #00ffffa0}to{box-shadow:0 0 15px #00ffff40}}.toggle-arrow{background:none;color:#0ff;font-size:.85rem;border:none;cursor:pointer;transition:color .3s;text-shadow:0 0 6px #00ffff88}.toggle-arrow:hover{color:#fff}.step-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.step-icon{font-size:2rem;margin-bottom:.5rem;z-index:2}.step-label{font-size:.9rem;font-weight:700;z-index:2}.step-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.progress-text{position:absolute;font-size:.7rem;font-weight:700;color:#0ff}.orbit-step.active{background:#0ff;color:#000;box-shadow:0 0 20px #0ff,0 0 30px #0ff;z-index:6;transform:scale(1.2)}.progress-ring svg circle:last-child{transition:stroke-dashoffset .3s ease-in-out}.orbit-step:nth-child(1).active{animation:scan-pulse 2s ease-in-out infinite}.orbit-step:nth-child(2).active{animation:secure-pulse 2s ease-in-out infinite}.orbit-step:nth-child(3).active{animation:boost-pulse 2s ease-in-out infinite}.orbit-step:nth-child(4).active{animation:fix-pulse 2s ease-in-out infinite}@keyframes scan-pulse{0%{box-shadow:0 0 20px #0ff,0 0 30px #0ff}50%{box-shadow:0 0 30px #0ff,0 0 50px #0ff,0 0 70px #0ff}to{box-shadow:0 0 20px #0ff,0 0 30px #0ff}}@keyframes secure-pulse{0%{box-shadow:0 0 20px #0ff,0 0 30px #0ff}50%{box-shadow:0 0 30px #0ff,0 0 50px #0ff,0 0 70px #0ff}to{box-shadow:0 0 20px #0ff,0 0 30px #0ff}}@keyframes boost-pulse{0%{box-shadow:0 0 20px #0ff,0 0 30px #0ff}50%{box-shadow:0 0 30px #0ff,0 0 50px #0ff,0 0 70px #0ff}to{box-shadow:0 0 20px #0ff,0 0 30px #0ff}}@keyframes fix-pulse{0%{box-shadow:0 0 20px #0ff,0 0 30px #0ff}50%{box-shadow:0 0 30px #0ff,0 0 50px #0ff,0 0 70px #0ff}to{box-shadow:0 0 20px #0ff,0 0 30px #0ff}}.live-log-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#012e;padding:1.5rem;border-radius:12px;box-shadow:0 0 20px #0ff5;color:#0ff;font-size:.9rem;max-width:500px;width:90%;max-height:300px;overflow-y:auto;z-index:10000;font-family:Courier New,monospace;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3)}.live-log-window .log-header{display:flex;justify-content:space-between;margin-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.3);padding-bottom:.5rem}.live-log-window .log-content{line-height:1.6}.live-log-window .log-line{margin-bottom:.3rem;white-space:pre-wrap;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.snapshot-button{position:fixed;top:2rem;right:2rem;font-size:1.2rem;background:#0ff3;color:#0ff;padding:.8rem;border-radius:50%;border:1px solid rgba(0,255,255,.3);cursor:pointer;z-index:9999;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.snapshot-button:hover{background:#00ffff4d;transform:scale(1.1);box-shadow:0 0 15px #00ffff80}.step-row.spaced{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2.5rem;perspective:1000px}.orbit-step{transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.orbit-step:hover{transform:translateY(-5px) scale(1.05)}.orbit-step.active{transform:scale(1.2) translateY(-10px)}.orbit-step:nth-child(1){transition-delay:0s}.orbit-step:nth-child(2){transition-delay:.1s}.orbit-step:nth-child(3){transition-delay:.2s}.orbit-step:nth-child(4){transition-delay:.3s}.progress-ring svg{filter:drop-shadow(0 0 5px rgba(0,255,255,.5))}.progress-ring svg circle:last-child{filter:drop-shadow(0 0 3px #0ff)}.orbit-step.completed{background:#0f03;border-color:#0f0;box-shadow:0 0 15px #00ff0080}.orbit-step.completed .step-icon{color:#0f0}.fixit-button.huge{position:relative;width:180px;height:180px;font-size:1.4rem;border-radius:999px;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#00bcd4,#004d40);color:#fff;font-weight:700;box-shadow:0 0 50px #00ffff80,0 0 20px #00ffff40;animation:pulseFixButton 3s ease-in-out infinite}.fixit-button.huge:hover{transform:scale(1.05);box-shadow:0 0 60px #00ffffa0,0 0 30px #00ffff60}.fixit-button.huge:active{transform:scale(.95)}@keyframes pulseFixButton{0%{box-shadow:0 0 15px #00ffff40;transform:scale(1)}50%{box-shadow:0 0 40px #00ffffa0;transform:scale(1.02)}to{box-shadow:0 0 15px #00ffff40;transform:scale(1)}}.results-button-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;text-align:center}.results-button-card{background:#001122f2;border:3px solid rgba(0,255,255,.6);border-radius:25px;padding:2rem 3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 60px #0ff6;animation:resultsButtonEntrance .8s ease-out}.results-celebration-icon{font-size:4rem;margin-bottom:1rem;animation:celebrationBounce 2s ease-in-out infinite}.results-title{margin:0 0 1rem;color:#0ff;font-size:1.8rem;text-shadow:0 0 20px rgba(0,255,255,.8)}.results-description{margin:0 0 2rem;line-height:1.6;color:#aef;font-size:1.1rem}.results-action-button{background:linear-gradient(135deg,#0ff,#00bcd4);color:#000;border:none;padding:1rem 2.5rem;border-radius:50px;cursor:pointer;font-size:1.2rem;font-weight:700;box-shadow:0 8px 25px #00ffff80;transition:all .3s ease;animation:pulseGlow 2s ease-in-out infinite}.results-action-button:hover{transform:scale(1.05);box-shadow:0 12px 35px #00ffffb3}.microcopy-tooltip{position:absolute;top:-80px;left:50%;transform:translate(-50%);background:#001122f2;border:1px solid rgba(0,255,255,.4);border-radius:12px;padding:.8rem;color:#0ff;font-size:.85rem;max-width:280px;width:max-content;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00ffff4d;pointer-events:none}.microcopy-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0ff6}.tooltip-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tooltip-icon{font-size:1.2rem;animation:pulse 2s ease-in-out infinite}.tooltip-text{text-align:center;line-height:1.4;font-weight:500}.tooltip-indicator{font-size:.7rem;opacity:.7;color:#aef}.active-microcopy{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:.6rem 1rem;color:#0ff;font-size:.8rem;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #00ffff4d;border-color:#00ffff4d}50%{box-shadow:0 0 20px #0ff9;border-color:#0ff9}}.microcopy-display{display:flex;flex-direction:column;align-items:center;gap:.4rem}.microcopy-text{text-align:center;line-height:1.3;font-weight:500;white-space:nowrap}.microcopy-dots{display:flex;gap:.3rem;align-items:center}.microcopy-dot{width:6px;height:6px;border-radius:50%;background:#00ffff4d;transition:all .3s ease}.microcopy-dot.active{background:#0ff;box-shadow:0 0 8px #0ffc;transform:scale(1.2)}.ai-status-display{position:absolute;bottom:-126px;left:42%;transform:translate(-50%);background:#001122f2;border:2px solid rgba(0,255,255,.4);border-radius:16px;padding:1.5rem 2rem;color:#0ff;z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #00ffff4d;animation:ai-status-glow 3s ease-in-out infinite;width:max-content;max-width:90%}@keyframes ai-status-glow{0%,to{box-shadow:0 8px 32px #00ffff4d;border-color:#0ff6}50%{box-shadow:0 8px 40px #00ffff80;border-color:#0ff9}}.ai-status-content{display:flex;align-items:center;gap:1rem}.ai-status-icon{font-size:2rem;animation:ai-pulse 2s ease-in-out infinite}@keyframes ai-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ai-status-text{display:flex;flex-direction:column;gap:.3rem}.ai-status-title{font-size:1.1rem;font-weight:600;color:#0ff}.ai-status-subtitle{font-size:.9rem;color:#aef;line-height:1.4;max-width:300px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.ai-status-display{position:relative}.ai-status-display.expanded .ai-status-subtitle{white-space:normal;max-height:none}.ai-status-expand-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#0ff;cursor:pointer;font-size:.8rem;padding:.2rem;border-radius:4px;transition:all .3s ease}.ai-status-expand-btn:hover{background:#00ffff1a}.ai-status-display{animation:ai-status-entrance .5s ease-out,ai-status-glow 3s ease-in-out infinite .5s}@keyframes ai-status-entrance{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.orbit-step{position:relative;cursor:pointer;transition:all .3s ease}.orbit-step:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #0ff6}.orbit-step.active:hover{transform:scale(1.25) translateY(-15px)}.microcopy-text{animation:text-fade 3s ease-in-out infinite}@keyframes text-fade{0%,to{opacity:1}50%{opacity:.8}}.orbit-step{transition:all .4s cubic-bezier(.4,0,.2,1)}.orbit-step.active{animation:active-step-pulse 2s ease-in-out infinite}@media (max-width: 768px){.microcopy-tooltip{max-width:240px;font-size:.8rem;padding:.6rem}.active-microcopy{max-width:200px;font-size:.75rem;padding:.5rem .8rem}.ai-status-display{padding:1rem 1.5rem;max-width:90%}.ai-status-subtitle{max-width:250px;font-size:.85rem}}@media (max-width: 480px){.microcopy-tooltip{max-width:200px;font-size:.75rem;top:-70px}.active-microcopy{max-width:180px;font-size:.7rem;bottom:-50px}.ai-status-display{padding:.8rem 1.2rem}.ai-status-title{font-size:1rem}.ai-status-subtitle{font-size:.8rem;max-width:200px}}.microcopy-tooltip{animation:tooltip-float 3s ease-in-out infinite}@keyframes tooltip-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.microcopy-dot{animation:dot-pulse 2s ease-in-out infinite}.microcopy-dot.active{animation:active-dot-pulse 1s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes active-dot-pulse{0%,to{background:#0ff;box-shadow:0 0 8px #0ffc;transform:scale(1.2)}50%{background:#0ff;box-shadow:0 0 12px #0ff;transform:scale(1.4)}}.microcopy-text{overflow:hidden;white-space:nowrap;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#0ff}}.step-number{position:absolute;top:-8px;right:-8px;background:#0ff;color:#000;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:10;box-shadow:0 0 8px #0ffc}.step-icon{position:relative;font-size:2rem;margin-bottom:.5rem;z-index:2}.orbit-step.active{background:#0ff;color:#000;box-shadow:0 0 20px #0ff,0 0 30px #0ff,0 0 40px #0ff;z-index:6;transform:scale(1.2);animation:active-step-pulse 2s ease-in-out infinite}@keyframes active-step-pulse{0%,to{box-shadow:0 0 20px #0ff,0 0 30px #0ff,0 0 40px #0ff;transform:scale(1.2)}50%{box-shadow:0 0 30px #0ff,0 0 50px #0ff,0 0 70px #0ff,0 0 90px #0ff;transform:scale(1.25)}}.orbit-step{transition:all .4s ease-in-out;position:relative;overflow:visible}.orbit-step.active .step-icon{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ai-trust-microcopy{font-size:.75rem;color:#888;margin-top:.5rem;font-style:italic}.ai-feedback-stack{position:absolute;top:50%;right:2rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:.8rem;z-index:1000;max-height:400px;overflow-y:auto}.ai-feedback-card{background:#001122f2;border:1px solid rgba(0,255,255,.3);border-radius:12px;padding:1rem;color:#0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0ff3;display:flex;align-items:center;gap:.8rem;min-width:280px;transition:all .3s ease}.ai-feedback-card.active{border-color:#0ff9;box-shadow:0 4px 20px #0ff6;animation:feedback-pulse 2s ease-in-out infinite}.ai-feedback-card.completed{border-color:#0f06;background:#002211f2}@keyframes feedback-pulse{0%,to{box-shadow:0 4px 20px #0ff6}50%{box-shadow:0 4px 30px #0ff9}}.feedback-icon{font-size:1.5rem;flex-shrink:0}.feedback-content{flex:1}.feedback-title{font-size:.9rem;font-weight:600;margin-bottom:.2rem}.feedback-status{font-size:.8rem;color:#aef;line-height:1.3}.fix-summary-panel{background:#001122e6;border:1px solid rgba(0,255,255,.3);border-radius:16px;padding:1.5rem;margin-top:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0ff3}.summary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#00ffff0d;border-radius:8px;border:1px solid rgba(0,255,255,.1)}.metric-icon{font-size:1.2rem;flex-shrink:0}.metric-label{font-size:.9rem;color:#aef;flex:1}.metric-delta{font-size:.85rem;font-weight:600}.fix-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.badge{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.badge.success{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.info-tooltip{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffc107;font-size:.85rem;cursor:help;transition:all .3s ease}.info-tooltip:hover{background:#ffc10733;border-color:#ffc10780}.info-tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translateY(0)}.tooltip-icon{font-size:1rem}.tooltip-text{font-weight:500}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);background:#001122f2;border:1px solid rgba(255,193,7,.4);border-radius:8px;padding:.8rem;color:#ffc107;font-size:.8rem;max-width:250px;width:max-content;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #ffc1074d}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#ffc10766}.before-after-comparison{background:#001122e6;border:1px solid rgba(0,255,255,.3);border-radius:16px;padding:1.5rem;margin-top:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0ff3}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.comparison-column{padding:1rem;border-radius:12px;text-align:center}.comparison-column.before{background:#f443361a;border:1px solid rgba(244,67,54,.3)}.comparison-column.after{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.comparison-column h5{margin:0 0 1rem;font-size:1rem;color:#0ff}.comparison-metric{padding:.5rem;margin-bottom:.5rem;background:#00ffff0d;border-radius:6px;font-size:.9rem;color:#aef}.sidebar-background{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:#012c;border:1px solid rgba(0,255,255,.2);border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #00ffff1a;z-index:-1}.notification-bell{position:relative;transition:all .3s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.notification-bell:hover{transform:scale(1.1);box-shadow:0 0 15px #00ffff80}.notification-bell:hover:after{content:attr(title);position:absolute;right:100%;top:50%;transform:translateY(-50%);background:#001122f2;border:1px solid rgba(0,255,255,.4);border-radius:8px;padding:.6rem .8rem;color:#0ff;font-size:.8rem;white-space:nowrap;margin-right:.8rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #00ffff4d}.notification-bell:hover:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#0ff6;margin-right:.2rem;z-index:1000}.action-buttons-bottom{position:fixed;bottom:1rem;left:54.5rem;display:flex;gap:1rem;z-index:1000}.action-pill-btn{background:#001122e6;border:2px solid rgba(0,255,255,.4);border-radius:25px;padding:.8rem 1.5rem;color:#0ff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0ff3;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.action-pill-btn:hover{background:#00ffff1a;border-color:#0ff9;box-shadow:0 6px 24px #0ff6;transform:translateY(-2px)}.action-pill-btn:active{transform:translateY(0)}.summary-btn{animation:glow-pulse 2s ease-in-out infinite}.dashboard-btn{animation:glow-pulse 2s ease-in-out infinite 1s}@keyframes glow-pulse{0%,to{box-shadow:0 4px 16px #0ff3}50%{box-shadow:0 6px 24px #0ff6}}.fix-control-buttons{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center;flex-wrap:wrap}.control-btn{padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.4rem}.control-btn.primary{background:#0ff3;color:#0ff;border:1px solid rgba(0,255,255,.4)}.control-btn.primary:hover{background:#00ffff4d;border-color:#0ff9;transform:translateY(-2px)}.control-btn.secondary{background:transparent;color:#0ff;border:1px solid rgba(0,255,255,.4)}.control-btn.secondary:hover{background:#00ffff1a;border-color:#0ff9;transform:translateY(-2px)}.control-btn.fix-again{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.control-btn.fix-again:hover{background:#4caf504d;border-color:#4caf5099;transform:translateY(-2px)}.repair-summary{margin-top:1rem;background:#012d;padding:.8rem 1.2rem;border-radius:12px;color:#aef;font-size:.85rem;max-width:600px;margin-left:auto;margin-right:auto;box-shadow:0 0 12px #0ff5;position:relative;display:flex;flex-direction:column;gap:.5rem}.repair-summary .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.repair-summary .header h4{margin:0;font-size:1rem}.repair-summary .close-btn{background:transparent;border:none;color:#0ff;font-size:1.2rem;cursor:pointer;padding:0}.repair-summary .content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;max-height:120px;overflow-y:auto}.repair-summary .line{padding:.3rem .5rem;background:#00ffff0d;border-radius:4px;border:1px solid rgba(0,255,255,.1);font-size:.8rem}.enhanced-metrics-comparison{background:#001122f2;border:2px solid rgba(0,255,255,.4);border-radius:20px;padding:1.5rem;margin-top:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 12px 40px #00ffff4d;animation:metricsEntrance .6s ease-out;margin-top:-10.1rem;margin-bottom:2rem;position:relative;z-index:100;width:95%;max-width:600px;position:fixed;top:66%;left:53.5%;transform:translate(-50%,-50%);min-height:fit-content;overflow:visible}@keyframes metricsEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.comparison-title{text-align:center;color:#0ff;font-size:1.4rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.improvement-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1rem;padding-bottom:.5rem}.improvement-card{background:linear-gradient(135deg,#00ffff1a,#00ffff0d);border:1px solid rgba(0,255,255,.3);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden;transition:all .3s ease;animation:cardEntrance .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.improvement-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .6s ease}.improvement-card:hover:before{left:100%}.improvement-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0ff6;border-color:#0ff9}@keyframes cardEntrance{0%{opacity:0;transform:translate(-30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.card-icon{font-size:2.5rem;flex-shrink:0;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-content{flex:1}.card-title{font-size:1rem;font-weight:600;color:#0ff;margin-bottom:.3rem}.card-value{font-size:1.8rem;font-weight:700;color:#4caf50;margin-bottom:.2rem;animation:valueCountUp 1.5s ease-out}@keyframes valueCountUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.card-subtitle{font-size:.85rem;color:#aef;opacity:.8}.success-check{font-size:1.5rem;color:#4caf50;font-weight:700;animation:checkBounce .6s ease-out .5s both}@keyframes checkBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}.space-card{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#4caf5066}.space-card .card-value{color:#4caf50}.boot-card{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-color:#ffc10766}.boot-card .card-value{color:#ffc107}.services-card{background:linear-gradient(135deg,#9c27b01a,#9c27b00d);border-color:#9c27b066}.services-card .card-value{color:#9c27b0}.cpu-card{background:linear-gradient(135deg,#2196f31a,#2196f30d);border-color:#2196f366}.cpu-card .card-value{color:#2196f3}.memory-card{background:linear-gradient(135deg,#ff57221a,#ff57220d);border-color:#ff572266}.memory-card .card-value{color:#ff5722}.health-card{background:linear-gradient(135deg,#e91e631a,#e91e630d);border-color:#e91e6366}.health-card .card-value{color:#e91e63}@media (max-width: 768px){.improvement-cards-grid{grid-template-columns:1fr;gap:1rem}.improvement-card{padding:1.2rem}.card-icon{font-size:2rem}.card-value{font-size:1.5rem}.enhanced-metrics-comparison{width:98%;margin-top:-8rem;padding:1.5rem}}@media (max-width: 480px){.enhanced-metrics-comparison{width:100%;margin-top:-6rem;padding:1rem;border-radius:15px}.improvement-card{padding:1rem}.card-icon{font-size:1.8rem}.card-value{font-size:1.3rem}}.legacy-comparison{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,255,.2)}.toggle-details-btn{background:#00ffff1a;border:1px solid rgba(0,255,255,.4);color:#0ff;padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-details-btn:hover{background:#0ff3;border-color:#0ff9;transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.toggle-details-btn:active{transform:translateY(0)}@keyframes resultsButtonEntrance{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes celebrationBounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.2) rotate(0)}75%{transform:scale(1.1) rotate(5deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 8px 25px #00ffff80}50%{box-shadow:0 8px 35px #0ffc,0 0 50px #00ffff4d}}@keyframes titleGlow{0%,to{text-shadow:0 0 25px rgba(0,255,255,.8)}50%{text-shadow:0 0 35px rgba(0,255,255,1),0 0 50px rgba(0,255,255,.6)}}.landing-page{min-height:100vh;background:#fff;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden;line-height:1.6}.floating-badge{position:fixed;top:100px;right:30px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;z-index:1001;box-shadow:0 4px 12px #2563eb4d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0;z-index:1000;padding:1rem 0;transition:all .3s ease}.navbar.scrolled{background:#fffffffa;box-shadow:0 1px 3px #0000001a}.nav-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem;color:#2563eb}.logo-text{font-size:1.25rem;font-weight:700;color:#0f172a}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;position:relative}.nav-link:hover{color:#2563eb;background:#dbeafe}.nav-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.5rem 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;box-shadow:0 10px 25px #0000001a}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.75rem 1rem;color:#64748b;text-decoration:none;transition:all .2s ease;font-size:.875rem}.dropdown-item:hover{background:#f8fafc;color:#2563eb}.dropdown-item.coming-soon{color:#94a3b8;cursor:not-allowed}.nav-cta{display:flex;align-items:center}.cta-button{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cta-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle span{width:25px;height:3px;background:#64748b;border-radius:2px;transition:all .3s ease}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{min-height:100vh;display:flex;align-items:center;padding:8rem 0 4rem;position:relative}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.hero-content{max-width:600px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#0f172a;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:#64748b;margin-bottom:2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.hero-cta{font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center}.hero-cta.primary{background:#2563eb;color:#fff}.hero-cta.primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb4d}.hero-cta.secondary{background:transparent;color:#2563eb;border:1px solid #dbeafe}.hero-cta.secondary:hover{background:#f8fafc;border-color:#2563eb}.hero-illustration{display:flex;justify-content:center;align-items:center;position:relative}.tech-shapes{position:relative;width:400px;height:400px}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);animation:float 6s ease-in-out infinite}.shape-1{width:120px;height:120px;top:20px;left:20px;animation-delay:0s}.shape-2{width:80px;height:80px;top:200px;right:40px;animation-delay:2s}.shape-3{width:100px;height:100px;bottom:40px;left:100px;animation-delay:4s}.dashboard-mockup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:200px;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.mockup-header{height:40px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 1rem}.mockup-header:before{content:"";width:12px;height:12px;background:#ef4444;border-radius:50%;margin-right:8px}.mockup-header:after{content:"";width:12px;height:12px;background:#f59e0b;border-radius:50%;margin-right:8px}.mockup-content{padding:1rem;display:flex;gap:1rem}.mockup-chart{flex:1;height:80px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;position:relative}.mockup-chart:before{content:"";position:absolute;top:20px;left:10px;width:4px;height:40px;background:#2563eb;border-radius:2px}.mockup-stats{flex:1;display:flex;flex-direction:column;gap:.5rem}.stat-item{height:20px;background:#f1f5f9;border-radius:4px}section{padding:6rem 0;position:relative}.section-title{font-size:2.5rem;font-weight:700;color:#0f172a;margin-bottom:1rem;text-align:center;letter-spacing:-.02em}.mission-section{background:#f8fafc}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.mission-description{font-size:1.125rem;color:#64748b;line-height:1.7;margin-bottom:2rem}.values-grid{display:grid;gap:2rem}.value-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.value-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:#dbeafe}.value-icon{font-size:2rem;margin-bottom:1rem}.value-card h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.75rem}.value-card p{color:#64748b;line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.product-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:#dbeafe}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.product-icon{font-size:2rem}.product-badge{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600}.product-card.coming-soon .product-badge{background:#f59e0b}.product-card h3{font-size:1.5rem;font-weight:600;color:#0f172a;margin-bottom:.75rem}.product-card p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.product-cta{color:#2563eb;text-decoration:none;font-weight:600;transition:color .2s ease}.product-cta:hover{color:#1d4ed8}.coming-soon-text{color:#94a3b8;font-size:.875rem;font-weight:500}.services-section{background:#f8fafc}.services-header{text-align:center;margin-bottom:3rem}.services-description{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;text-align:center}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:#dbeafe}.service-icon{font-size:2.5rem;margin-bottom:1rem}.service-card h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.75rem}.service-card p{color:#64748b;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h2{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.contact-info p{color:#64748b;margin-bottom:2rem;line-height:1.6}.contact-details{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#64748b}.contact-icon{font-size:1.25rem}.social-links{display:flex;gap:1rem}.social-link{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease}.social-link:hover{color:#1d4ed8}.contact-form{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#0f172a}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.submit-btn{width:100%;background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.form-note{text-align:center;color:#64748b;font-size:.875rem;margin-top:1rem}.footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:3rem 0 1rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#0f172a}.footer-links a{color:#64748b;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-links a:hover{color:#2563eb}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.875rem}@media (max-width: 768px){.nav-menu{position:fixed;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:2rem;border-top:1px solid #e2e8f0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle{display:flex}.nav-cta{display:none}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center}.mission-grid,.contact-content{grid-template-columns:1fr;gap:2rem}.products-grid,.services-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center}.floating-badge{display:none}}@media (max-width: 480px){.container{padding:0 1rem}.hero-title{font-size:2rem}.hero-cta{width:100%;justify-content:center}.product-card,.contact-form{padding:1.5rem}.section-title{font-size:2rem}}.product-page{min-height:100vh;width:100vw;background:linear-gradient(135deg,#012,#000811,#012);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.starfield-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.container{width:100%;max-width:1850px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.product-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#001122f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,255,255,.2);padding:1rem 0}.nav-container{width:100%;max-width:1850px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo .logo-text{color:#0ff;font-size:1.5rem;font-weight:700;text-decoration:none;text-shadow:0 0 10px rgba(0,255,255,.5);transition:all .3s ease}.nav-logo:hover .logo-text{text-shadow:0 0 20px rgba(0,255,255,.8)}.nav-link{color:#0ff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid rgba(0,255,255,.3);border-radius:25px;transition:all .3s ease;background:#00ffff1a}.nav-link:hover{background:#0ff3;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.hero-section{padding:120px 0 80px;text-align:center;position:relative}.hero-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1850px;margin:0 auto;text-align:center}.hero-text{text-align:center;max-width:1700px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,255,.3)}.hero-subtitle{font-size:2rem;color:#0ff;margin-bottom:1rem;font-weight:600;text-shadow:0 0 15px rgba(0,255,255,.5)}.hero-description{font-size:1.3rem;color:#ccc;margin-bottom:2rem;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}.hero-actions{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.download-cta{background:linear-gradient(135deg,#0ff,#0080ff);color:#000;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00ffff4d}.download-cta:hover{transform:translateY(-3px);box-shadow:0 0 30px #00ffff80;background:linear-gradient(135deg,#0ff,#0cf)}.desktop-download-cta{background:transparent;color:#0ff;border:2px solid #00ffff;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #0ff3}.desktop-download-cta:hover{background:#00ffff1a;transform:translateY(-2px);box-shadow:0 0 20px #0ff6;color:#fff}.try-now-cta{background:transparent;color:#0ff;border:2px solid #00ffff;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 0 15px #0ff3}.try-now-cta:hover{background:#00ffff1a;transform:translateY(-3px);box-shadow:0 0 25px #0ff6;color:#fff}.trial-note{font-size:1.1rem;color:#0ff;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;text-shadow:0 0 10px rgba(0,255,255,.3);background:#00ffff1a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.system-requirements{font-size:1rem;color:#fff;margin-top:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;background:#ffffff1a;padding:.4rem .8rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fix-it-container{display:flex;justify-content:center;align-items:center;margin-top:3rem}.fix-it-button{background:linear-gradient(135deg,#0ff,#0080ff);color:#000;padding:1.5rem 3rem;border-radius:50px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #0ff6;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.fix-it-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 40px #0ff9;background:linear-gradient(135deg,#0ff,#0cf)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,255,255,.3)}.differentiators-section{padding:80px 0;background:#00112280}.differentiators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;width:100%;max-width:1850px;margin-left:auto;margin-right:auto}.differentiator-card{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.differentiator-card:hover{transform:translateY(-5px);box-shadow:0 0 30px #0ff3;border-color:#0ff6}.differentiator-icon{font-size:3rem;margin-bottom:1rem}.differentiator-card h3{font-size:1.5rem;font-weight:600;color:#0ff;margin-bottom:1rem}.differentiator-card p{color:#ccc;line-height:1.6}.differentiator-subheadline{text-align:center;font-size:1.2rem;color:#888;font-style:italic}.features-section{padding:80px 0}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;max-width:1850px;margin:0 auto}.feature-card{background:#012c;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 0 30px #0ff3;border-color:#0ff6}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.3rem;font-weight:600;color:#0ff;margin-bottom:1rem}.feature-card p{color:#ccc;line-height:1.6;font-size:.95rem}.pricing-section{padding:80px 0;background:#00112280}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;max-width:1850px;margin:0 auto}.pricing-card{background:#001122e6;border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ff,#0080ff,#0ff);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.7}50%{opacity:1}}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 0 40px #00ffff4d;border-color:#0ff9}.plan-header h3{font-size:1.8rem;font-weight:700;color:#0ff;margin-bottom:1rem}.plan-pricing{margin-bottom:1rem}.monthly-price,.yearly-price{margin-bottom:.5rem}.price{font-size:2.5rem;font-weight:800;color:#fff}.period{font-size:1rem;color:#888}.devices{font-size:1rem;color:#0ff;margin-bottom:2rem}.plan-features{list-style:none;padding:0;margin-bottom:2rem;text-align:left}.plan-features li{color:#ccc;margin-bottom:.5rem;padding-left:1rem;position:relative}.plan-features li:before{content:"✓";color:#0ff;position:absolute;left:0;font-weight:700}.subscribe-button{background:linear-gradient(135deg,#0ff,#0080ff);color:#000;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;width:100%}.subscribe-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #0ff6}.subscribe-button.free-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none}.subscribe-button.free-button:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 0 20px #4caf5066}.comparison-section{padding:80px 0}.comparison-table{background:#012c;border-radius:16px;overflow:hidden;border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:1850px;margin:0 auto}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:1.5rem;text-align:left;border-bottom:1px solid rgba(0,255,255,.1)}.comparison-table th{background:#00ffff1a;color:#0ff;font-weight:600;font-size:1.1rem}.comparison-table td:first-child{font-weight:500;color:#fff}.comparison-table td:nth-child(2){color:#0f0;font-weight:700}.comparison-table td:nth-child(3){color:#f44;font-weight:700}.tagline-section{padding:60px 0;background:#00112280}.tagline-carousel{text-align:center}.tagline-text{font-size:2.5rem;font-weight:700;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5);animation:fadeInOut 3s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.download-cta-section{padding:80px 0;background:#012c}.download-content{text-align:center}.download-content h2{font-size:2.5rem;font-weight:700;color:#0ff;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,255,255,.5)}.download-content p{font-size:1.2rem;color:#ccc;margin-bottom:2rem}.download-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.download-button{background:linear-gradient(135deg,#0ff,#0080ff);color:#000;border:none;padding:1.2rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #00ffff4d}.download-button:hover{transform:translateY(-3px);box-shadow:0 0 40px #00ffff80}.try-now-button{background:transparent;color:#0ff;border:2px solid #00ffff;padding:1.2rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 0 20px #0ff3}.try-now-button:hover{background:#00ffff1a;transform:translateY(-3px);box-shadow:0 0 30px #0ff6;color:#fff}.email-section{padding:60px 0}.email-content{text-align:center;max-width:600px;margin:0 auto}.email-content h3{font-size:1.8rem;color:#0ff;margin-bottom:1rem}.email-content p{color:#ccc;margin-bottom:2rem}.email-form{display:flex;gap:1rem;max-width:400px;margin:0 auto}.email-input{flex:1;background:#012c;border:1px solid rgba(0,255,255,.3);border-radius:25px;padding:1rem 1.5rem;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.email-input:focus{border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.email-input::placeholder{color:#888}.email-submit{background:linear-gradient(135deg,#0ff,#0080ff);color:#000;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.email-submit:hover{transform:translateY(-2px);box-shadow:0 0 20px #0ff6}.product-footer{padding:40px 0;background:#001122e6;border-top:1px solid rgba(0,255,255,.2)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:2rem}.footer-links a{color:#0ff;text-decoration:none;transition:all .3s ease}.footer-links a:hover{text-shadow:0 0 10px rgba(0,255,255,.5)}.footer-company{color:#888;font-size:.9rem}@media (max-width: 1200px){.hero-content,.hero-text{text-align:center}.features-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.section-title{font-size:2rem}.differentiators-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.tagline-text{font-size:1.8rem}.email-form{flex-direction:column}.footer-content{flex-direction:column;gap:1rem;text-align:center}.download-buttons{flex-direction:column;align-items:center}.download-button,.try-now-button{width:100%;max-width:300px}}@media (max-width: 480px){.hero-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.fix-it-button{padding:1rem 2rem;font-size:1.2rem}}.download-options-section{padding:80px 0;background:#0011224d}.download-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.download-option-card{background:#012c;border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.download-option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0ff,#0080ff);opacity:0;transition:opacity .3s ease}.download-option-card:hover{border-color:#0ff9;box-shadow:0 0 30px #00ffff4d;transform:translateY(-5px)}.download-option-card:hover:before{opacity:1}.download-option-header{display:flex;align-items:center;margin-bottom:1rem;position:relative}.download-option-icon{font-size:2.5rem;margin-right:1rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.download-option-header h3{font-size:1.4rem;font-weight:600;color:#0ff;margin:0;flex:1}.download-option-badge{background:linear-gradient(135deg,#0ff,#0080ff);color:#000;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase}.download-option-card p{color:#ccc;margin-bottom:1.5rem;line-height:1.6}.download-option-details{display:flex;justify-content:space-between;margin-bottom:1.5rem;font-size:.9rem;color:#00ffffb3}.download-option-button{width:100%;padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.download-option-button.primary{background:linear-gradient(135deg,#0ff,#0080ff);color:#000;box-shadow:0 4px 15px #00ffff4d}.download-option-button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00ffff80}.download-option-button.secondary{background:#00ffff1a;color:#0ff;border:2px solid rgba(0,255,255,.3)}.download-option-button.secondary:hover{background:#0ff3;transform:translateY(-3px);box-shadow:0 8px 25px #00ffff4d}.download-requirements{background:#0129;border:1px solid rgba(0,255,255,.2);border-radius:10px;padding:2rem;margin-top:3rem}.download-requirements h4{color:#0ff;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.download-requirements ul{list-style:none;padding:0;margin:0}.download-requirements li{color:#ccc;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.download-requirements li:before{content:"✓";position:absolute;left:0;color:#0ff;font-weight:700}.section-subtitle{text-align:center;color:#ccc;font-size:1.2rem;margin-bottom:2rem;font-weight:400}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;background:linear-gradient(to right,#1e1e1e,#2e2e2e);font-family:Segoe UI,sans-serif;color:#fff;overflow:hidden}[title]{position:relative}[title]:hover:after{display:none!important}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:50px;background:#0006;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;gap:1rem}.page{flex:1;padding:2rem;display:flex;flex-direction:column;align-items:center;position:relative;animation:pageFadeIn .5s ease-out}.widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;margin-top:2rem}.widget-box{background:#ffffff0d;border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:150px}.widget-header{display:flex;align-items:center;margin-bottom:.5rem;font-weight:700}.widget-icon{margin-right:.5rem}.fix-button{background:#444;border:none;border-radius:100px;padding:1.5rem 3rem;font-size:1.5rem;color:#fff;cursor:pointer}.fix-button.small{font-size:1rem;padding:.8rem 1.5rem;position:absolute;top:20px;left:50%;transform:translate(-50%)}.powered-ribbon{margin-top:.75rem;font-size:.85rem;color:#0ff;text-shadow:0 0 6px #00ffffaa;opacity:.8;transition:all .3s ease-in-out;animation:glowFade 2s ease-in-out infinite alternate}@keyframes glowFade{0%{opacity:.5;text-shadow:0 0 3px #00ffff44}to{opacity:1;text-shadow:0 0 8px #00ffffcc}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.ml-4{margin-left:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.p-4{padding:1rem}.h-64{height:16rem}.w-full{width:100%}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-cyan-400{color:#22d3ee}.text-red-400{color:#f87171}.text-yellow-400{color:#facc15}.text-green-400{color:#4ade80}.text-blue-400{color:#60a5fa}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-800\/30{background-color:#1f29374d}.bg-gray-800\/50{background-color:#1f293780}.bg-green-600{background-color:#16a34a}.bg-green-700{background-color:#15803d}.bg-cyan-600{background-color:#0891b2}.bg-cyan-700{background-color:#0e7490}.bg-red-900\/20{background-color:#7f1d1d33}.bg-yellow-900\/20{background-color:#78350f33}.bg-blue-900\/20{background-color:#1e3a8a33}.border{border-width:1px}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-red-500{border-color:#ef4444}.border-yellow-500{border-color:#eab308}.border-blue-500{border-color:#3b82f6}.border-l-4{border-left-width:4px}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-gray-700\/20:hover{background-color:#37415133}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:bg-cyan-700:hover{background-color:#0e7490}.disabled\:bg-gray-600:disabled{background-color:#4b5563}.disabled\:bg-gray-500:disabled{background-color:#6b7280}.focus\:border-cyan-500:focus{border-color:#06b6d4}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-cyan-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));box-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.placeholder-gray-400::placeholder{color:#9ca3af}.capitalize{text-transform:capitalize}.space-y-2>*+*{margin-top:.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-start{align-items:flex-start}table{border-collapse:collapse}th{text-align:left}td{vertical-align:top}.loading-spinner{width:2rem;height:2rem;border:2px solid rgba(0,255,255,.3);border-top:2px solid #00ffff;border-radius:50%;animation:spin 1s linear infinite}.back-button{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:#0ff;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#0ff3;border-color:#00ffff80}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:1px solid rgb(75 85 99);border-radius:.25rem;background-color:#374151;cursor:pointer;position:relative}input[type=checkbox]:checked{background-color:#06b6d4;border-color:#06b6d4}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}input[type=text]{background-color:#374151;border:1px solid rgb(75 85 99);color:#fff;border-radius:.5rem;padding:.5rem .75rem;transition:border-color .3s ease}input[type=text]:focus{border-color:#06b6d4;outline:none}button{cursor:pointer;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 768px){.flex-wrap{flex-direction:column;align-items:flex-start}.gap-6{gap:1rem}}.cycle-icons{display:flex;gap:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon{padding:1rem;background:#ffffff1a;border-radius:50%;text-align:center;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:700}.icon.active{background:#ffffff4d}.fixie-character-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:.5rem;z-index:10;position:relative}.fixie-avatar{width:80px;height:80px;background:linear-gradient(135deg,#00bcd4,#004d40);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 0 30px #00bcd480;animation:fixieGlow 3s ease-in-out infinite;border:3px solid rgba(0,188,212,.3);position:relative;overflow:hidden}.fixie-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:fixieShine 4s ease-in-out infinite}@keyframes fixieGlow{0%,to{box-shadow:0 0 30px #00bcd480;transform:scale(1)}50%{box-shadow:0 0 50px #00bcd4cc;transform:scale(1.05)}}@keyframes fixieShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}to{transform:translate(-100%) translateY(-100%) rotate(45deg)}}.fixie-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.fixie-tooltip{display:flex;align-items:center;gap:.5rem;background:#00bcd41a;border:1px solid rgba(0,188,212,.3);border-radius:20px;padding:.4rem .8rem;font-size:.8rem;color:#0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-icon{font-size:.9rem}.tooltip-text{font-weight:500;text-shadow:0 0 5px rgba(0,188,212,.5)}.fixie-welcome-character{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.fixie-welcome-avatar{width:100px;height:100px;background:linear-gradient(135deg,#00bcd4,#004d40);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 0 40px #00bcd499;animation:fixieGlow 3s ease-in-out infinite;border:4px solid rgba(0,188,212,.4);position:relative;overflow:hidden;flex-shrink:0}.fixie-welcome-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);animation:fixieShine 4s ease-in-out infinite}.fixie-welcome-text{flex:1}.message-avatar.fixie-avatar{width:50px;height:50px;background:linear-gradient(135deg,#00bcd4,#004d40);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 15px #00bcd466;border:2px solid rgba(0,188,212,.3);position:relative;overflow:hidden}.message-avatar.fixie-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:fixieShine 4s ease-in-out infinite}.chat-header{text-align:center;margin-bottom:.1rem;z-index:10;position:relative}.header-actions{position:absolute;top:0;right:0;display:flex;gap:12px}.header-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}.header-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.header-btn:active{transform:translateY(0)}@media (max-width: 768px){.header-actions{position:static;justify-content:center;margin-top:1rem}.header-btn{font-size:.8rem;padding:6px 12px}}.chat-container{width:90%;max-width:900px;height:80vh;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000004d}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.welcome-message{text-align:center;padding:2rem;color:#fffc}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome-message h3{margin-bottom:1rem;color:#fff}.welcome-message ul{text-align:left;display:inline-block;margin-top:1rem}.welcome-message li{margin:.5rem 0;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;border-left:3px solid #00ffff;color:#0ff;cursor:pointer;transition:all .3s ease}.welcome-message li:hover{background:#00ffff1a;border-left-color:#0ff;transform:translate(5px)}.message{display:flex;gap:.75rem;animation:fadeInUp .3s ease-out}.message.user{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.message.ai .message-avatar{background:linear-gradient(135deg,#0ff,#0080ff)}.message-content{flex:1;max-width:70%}.message.user .message-content{text-align:right}.message-text{background:#ffffff1a;padding:.75rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.2);word-wrap:break-word;line-height:1.4}.message.user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.ai .message-text{background:#0000004d;color:#fff}.message-time{font-size:.75rem;color:#fff9;margin-top:.25rem;padding:0 .5rem}.typing-indicator{display:flex;gap:.25rem;padding:.5rem 1rem}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#0ff;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-container{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0003}.input-wrapper{display:flex;gap:.5rem;align-items:center}.chat-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;padding:.75rem 1rem;border-radius:25px;outline:none;transition:all .3s ease}.chat-input:focus{border-color:#0ff;box-shadow:0 0 0 2px #0ff3}.chat-input::placeholder{color:#fff9}.input-actions{display:flex;gap:.5rem;align-items:center}.send-button{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 15px #00ffff80}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.sidebar-container{position:fixed;top:20px;right:20px;z-index:1100;display:flex;flex-direction:column;align-items:center;gap:.3rem}.notification-bell,.timeline-bell,.sidebar-icon{width:56px;height:56px;border-radius:16px;background:#012c;border:none;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:.5rem;transition:box-shadow .2s,border-color .2s;cursor:pointer}.notification-bell:hover,.timeline-bell:hover,.sidebar-icon:hover{box-shadow:0 0 15px #0ff8}.notification-bell[title],.timeline-bell[title],.sidebar-icon[title]{pointer-events:auto}.notification-bell:after,.timeline-bell:after,.sidebar-icon:after{display:initial}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.page-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center;background:linear-gradient(90deg,#00f5ff,#00d9ff,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out}@keyframes pulseGlow{0%{text-shadow:0 0 6px rgba(0,255,255,.1)}50%{text-shadow:0 0 12px rgba(0,255,255,.35)}to{text-shadow:0 0 6px rgba(0,255,255,.1)}}.page-subtitle{font-size:1rem;text-align:center;color:transparent;background:linear-gradient(90deg,#0ff,#00c3ff,#07f);-webkit-background-clip:text;font-weight:500;margin-top:-.5rem;margin-bottom:1.5rem;animation:fadeInUp 1.2s ease-out,pulseGlow 3.5s ease-in-out infinite;letter-spacing:.5px}.gradient-response{font-weight:500;background:linear-gradient(90deg,#00f5ff,#00d9ff,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fixit-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;filter:brightness(1.3) blur(2px)}.widget-fullscreen{width:200%;max-width:1100px;min-height:80px;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;border-radius:12px;margin:1rem auto 2rem;animation:fadeIn .3s ease-out;overflow-y:auto;scroll-behavior:smooth;max-height:85vh}.widget-expanded-content{max-height:500px;overflow-y:auto;padding-right:.5rem;margin-top:1.5rem;font-size:.95rem;line-height:1.6;color:#ccc}.widget-expanded-content::-webkit-scrollbar{width:6px}.widget-expanded-content::-webkit-scrollbar-thumb{background-color:#0ff6;border-radius:4px}.widget-expanded-content::-webkit-scrollbar-track{background:transparent}.back-button{background:none;border:none;color:#0ff;font-size:1rem;cursor:pointer;margin-bottom:1rem;text-shadow:0 0 6px #00ffff99}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.neon-button{background:transparent;border:1px solid #00ffff88;color:#0ffc;padding:.4rem 1.2rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 5px #0ff5}.neon-button:hover{background:#0ff2;box-shadow:0 0 12px #0ffa;color:#0ff}.neon-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.page-header{text-align:center;margin-bottom:2rem;padding:1rem 0}.page-header .page-title{font-size:2.5rem;font-weight:700;color:#0ff;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.page-header .page-subtitle{font-size:1.1rem;color:#aef;margin:.5rem 0 0;opacity:.8}.toggle-arrow{background:#00ffff1a;color:#0ff;font-size:.9rem;border:1px solid rgba(0,255,255,.3);padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-arrow:hover{background:#0ff3;transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.toggle-arrow:active{transform:translateY(0)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tooltip-container{position:relative;display:flex;align-items:center;justify-content:center}.tooltip-text{position:absolute;top:50%;left:auto;right:110%;bottom:auto;transform:translateY(-50%);background:#000000d9;color:#0ff;padding:.5rem 1rem;font-size:.85rem;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000;box-shadow:0 4px 16px #00ffff26}.tooltip-container:hover .tooltip-text{opacity:1;transform:translateY(-50%) translate(-4px)}.home-icon,.ai-icon{border:none!important}.suggested-commands{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem;justify-content:center;max-width:800px;margin-left:auto;margin-right:auto}.suggestion-pill{background:#00ffff1a;color:#0ff;border:1px solid rgba(0,255,255,.3);border-radius:25px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00ffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.3rem}.suggestion-pill:hover{background:#0ff3;color:#0ff;border-color:#0ff9;box-shadow:0 4px 16px #00ffff4d;transform:translateY(-2px)}.suggestion-pill:active{transform:translateY(0)}.command-dot{font-size:.7rem;color:#00ffff80;transition:all .3s ease;opacity:.7}.suggestion-pill:hover .command-dot{color:#0ffc;transform:scale(1.1);opacity:1}.microcopy-dots,.microcopy-dot{display:none!important}.sidebar .tooltip-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.notification-bell,.timeline-bell,.sidebar-icon,.suggestion-pill,.send-button,.fixit-button,.action-btn,.control-btn,.action-pill-btn,.voice-button-compact,.notification-bell[title],.timeline-bell[title],.sidebar-icon[title],.suggestion-pill[title],.send-button[title],.fixit-button[title],.action-btn[title],.control-btn[title],.action-pill-btn[title],.voice-button-compact[title]{position:relative}.sidebar-icon:hover:after{content:attr(data-tooltip);position:absolute;top:50%;right:100%;transform:translateY(-50%);background:#001122f2;border:1px solid rgba(0,255,255,.4);border-radius:8px;padding:.6rem .8rem;color:#0ff;font-size:.8rem;white-space:nowrap;margin-right:.8rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #00ffff4d;pointer-events:none}.sidebar-icon:hover:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#0ff6;margin-right:.2rem;z-index:1000;pointer-events:none}.voice-button-compact:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#001122f2;border:1px solid rgba(0,255,255,.4);border-radius:8px;padding:.6rem .8rem;color:#0ff;font-size:.8rem;white-space:nowrap;margin-bottom:.5rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #00ffff4d;pointer-events:none}.voice-button-compact:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0ff6;margin-bottom:-.2rem;z-index:1000;pointer-events:none}.send-button:hover:after{content:"Send message";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#001122f2;border:1px solid rgba(0,255,255,.4);border-radius:8px;padding:.6rem .8rem;color:#0ff;font-size:.8rem;white-space:nowrap;margin-bottom:.5rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #00ffff4d;pointer-events:none}.send-button:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0ff6;margin-bottom:-.2rem;z-index:1000;pointer-events:none}.sidebar-top-icon{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}.sidebar-icon-group{display:flex;flex-direction:column;align-items:center;gap:.7rem}.predictive-bell{position:relative}.predictive-bell .notification-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700;animation:pulse 2s infinite;z-index:10}.message.ai-fix-result{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;margin:1rem 0}.fix-result-summary{width:100%}.fix-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,255,.2)}.fix-header h4{margin:0;color:#0ff;font-size:1.1rem}.intent-badge{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:20px;padding:.3rem .8rem;font-size:.8rem;color:#0ff}.fix-response{margin-bottom:1rem;line-height:1.5}.fix-metrics{background:#00112280;border-radius:8px;padding:1rem;margin-bottom:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#00ffff0d;border-radius:6px;border:1px solid rgba(0,255,255,.1)}.metric-label{font-size:.9rem;color:#aef}.metric-value{font-weight:600;color:#0ff;display:flex;align-items:center;gap:.5rem}.improvement{color:#4caf50;font-weight:700;font-size:1.2rem}.actions-executed{margin-top:1rem}.actions-executed h5{margin:0 0 .5rem;color:#0ff;font-size:.9rem}.action-list{display:flex;flex-direction:column;gap:.5rem}.action-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;font-size:.8rem}.action-item.success{background:#4caf501a;border:1px solid rgba(76,175,80,.2)}.action-item.error{background:#f443361a;border:1px solid rgba(244,67,54,.2)}.action-icon{font-size:1rem}.action-type{font-weight:600;color:#0ff;text-transform:uppercase;font-size:.7rem}.action-output{color:#aef;font-style:italic;flex:1}.response-time{color:#888;font-size:.8rem}.expand-hint{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.expand-hint:hover{animation:expandPulse .6s ease-in-out}@keyframes expandPulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(45deg)}to{transform:scale(1.2) rotate(45deg)}}.expand-hint:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;opacity:0}.expand-hint:hover:before{width:40px;height:40px;opacity:1}.dashboard-card[style*="cursor: pointer"]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ffff26;transition:all .3s ease}.dashboard-card[style*="cursor: pointer"]:hover .expand-hint{opacity:1!important}.expand-hint:hover{text-shadow:0 0 10px rgba(0,255,255,.8);filter:drop-shadow(0 0 8px rgba(0,255,255,.6))}.expand-hint:active{transform:scale(.95) rotate(45deg);transition:all .1s ease}.expand-hint:focus{outline:2px solid rgba(0,255,255,.5);outline-offset:2px;border-radius:4px}