Spaces:
Running
Running
| /* ANALYTICS */ | |
| .analytics-section{padding:40px 24px 80px} | |
| .analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px} | |
| .analytics-stat{display:flex;align-items:center;gap:16px;padding:24px} | |
| .analytics-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center} | |
| .analytics-stat-icon.green{background:rgba(0,255,136,.1);color:var(--accent)} | |
| .analytics-stat-icon.cyan{background:rgba(0,212,255,.1);color:var(--cyan)} | |
| .analytics-stat-icon.purple{background:rgba(168,85,247,.1);color:var(--purple)} | |
| .analytics-stat-icon.orange{background:rgba(249,115,22,.1);color:var(--orange)} | |
| .analytics-stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:800;line-height:1} | |
| .analytics-stat-label{font-size:.8rem;color:var(--text2);margin-top:4px} | |
| .charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px} | |
| @media(max-width:900px){.charts-grid{grid-template-columns:1fr}} | |
| .chart-card{padding:24px} | |
| .chart-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:4px} | |
| .chart-subtitle{font-size:.85rem;color:var(--text2);margin-bottom:20px} | |
| .chart-container{position:relative;height:300px;width:100%} | |
| .model-info{display:flex;flex-direction:column;gap:12px} | |
| .model-metric{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)} | |
| .model-metric:last-child{border-bottom:none} | |
| .model-metric.highlight{background:rgba(0,255,136,.05);padding:12px;border-radius:8px;border-bottom:none} | |
| .metric-label{font-size:.9rem;color:var(--text2)} | |
| .metric-value{font-weight:600;font-size:.95rem} | |
| .metric-value.accent{color:var(--accent);font-size:1.2rem;font-family:var(--font-heading)} | |
| .metric-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} | |
| .metric-tag{padding:4px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.75rem} | |
| .model-features{margin-top:8px} | |
| .feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} | |
| .feature-tag{padding:4px 10px;background:rgba(0,212,255,.05);border:1px solid rgba(0,212,255,.2);color:var(--cyan);border-radius:6px;font-size:.75rem;font-family:var(--font-mono)} | |
| .route-table-card{padding:24px} | |
| .table-scroll{overflow-x:auto} | |
| .data-table{width:100%;border-collapse:collapse;font-size:.9rem} | |
| .data-table th{text-align:left;padding:16px;background:rgba(255,255,255,.02);border-bottom:2px solid rgba(255,255,255,.05);color:var(--text2);font-weight:600} | |
| .data-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.03)} | |
| .data-table tr:hover td{background:rgba(255,255,255,.02)} | |
| /* ABOUT */ | |
| .about-section{padding:40px 24px 80px} | |
| .about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:1200px;margin:0 auto} | |
| @media(max-width:768px){.about-grid{grid-template-columns:1fr}} | |
| .about-card{padding:32px} | |
| .about-card.full-width{grid-column:1/-1} | |
| .about-icon{margin-bottom:20px} | |
| .about-icon.green{color:var(--accent)}.about-icon.cyan{color:var(--cyan)}.about-icon.purple{color:var(--purple)}.about-icon.orange{color:var(--orange)} | |
| .about-card h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:16px;color:var(--text)} | |
| .about-card p{color:var(--text2);margin-bottom:16px;line-height:1.7} | |
| .arch-flow{display:flex;flex-direction:column;gap:16px;margin-top:24px} | |
| .arch-step{display:flex;gap:16px;align-items:flex-start} | |
| .arch-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:rgba(0,255,136,.1);color:var(--accent);border-radius:50%;font-weight:700;font-family:var(--font-heading)} | |
| .arch-step strong{display:block;margin-bottom:4px;color:var(--text)} | |
| .arch-step p{margin:0;font-size:.9rem} | |
| .about-specs{display:flex;flex-direction:column;gap:12px;margin-top:20px} | |
| .spec-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)} | |
| .spec-row:last-child{border-bottom:none} | |
| .spec-label{color:var(--text2);font-size:.9rem;min-width:120px} | |
| .spec-value{font-weight:500;font-size:.9rem;text-align:right} | |
| .tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:24px} | |
| .tech-stack-item{padding:20px;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid rgba(255,255,255,.05)} | |
| .tech-stack-category{font-weight:700;margin-bottom:12px;color:var(--accent)} | |
| .tech-stack-items{display:flex;flex-direction:column;gap:8px} | |
| .tech-chip{padding:6px 12px;background:rgba(255,255,255,.05);border-radius:6px;font-size:.85rem;font-family:var(--font-mono)} | |
| /* FOOTER */ | |
| .footer{background:rgba(26,26,46,0.8);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);padding:60px 24px 24px;margin-top:auto} | |
| .footer-container{max-width:1200px;margin:0 auto} | |
| .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px} | |
| @media(max-width:768px){.footer-grid{grid-template-columns:1fr}} | |
| .footer-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:16px;color:var(--text)} | |
| .footer-desc{color:var(--text2);font-size:.9rem;max-width:300px;line-height:1.6} | |
| .footer-link{display:block;color:var(--text2);margin-bottom:12px;font-size:.9rem} | |
| .footer-link:hover{color:var(--accent)} | |
| .footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.05);text-align:center;color:var(--text2);font-size:.85rem} | |