.engagement-page .calc-input-group input[type=number]{max-width:200px}.engagement-page .metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.metric-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-3px)}.metric-card.highlight{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border-color:rgba(139,92,246,.4)}.metric-label{font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:700;color:#fff}.metric-card.highlight .metric-value{color:#a78bfa}.metric-hint{font-size:.75rem;color:rgba(255,255,255,.5);margin-top:.5rem}.rating-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;font-size:1rem;margin-top:1rem}.rating-badge.excellent{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.rating-badge.good{background:rgba(99,102,241,.2);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.rating-badge.average{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.rating-badge.low{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.benchmark-section{margin-bottom:4rem}.benchmark-section h2{font-size:1.8rem;color:#fff;margin-bottom:2rem;text-align:center}.benchmark-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border-radius:1rem;overflow:hidden}.benchmark-table td,.benchmark-table th{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.benchmark-table th{background:rgba(255,255,255,.05);color:rgba(255,255,255,.9);font-weight:600;font-size:.9rem}.benchmark-table td{color:rgba(255,255,255,.7);font-size:.95rem}.benchmark-table tr:last-child td{border-bottom:none}.benchmark-table tr:hover td{background:rgba(255,255,255,.02)}.rate-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem}.rate-indicator.excellent{background:#10b981}.rate-indicator.good{background:#818cf8}.rate-indicator.average{background:#fbbf24}.rate-indicator.low{background:#ef4444}.tips-section{margin-bottom:4rem}.tips-section h2{font-size:1.8rem;color:#fff;margin-bottom:2rem;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tip-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.tip-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-3px)}.tip-icon{font-size:2rem;margin-bottom:1rem}.tip-card h3{font-size:1.1rem;color:#fff;margin-bottom:.75rem}.tip-card p{color:rgba(255,255,255,.7);line-height:1.6;font-size:.95rem}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.5rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.6}@media (max-width:768px){.metric-cards{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:1.5rem}.benchmark-table{display:block;overflow-x:auto}.tips-grid{grid-template-columns:1fr}}@media (max-width:480px){.metric-cards{grid-template-columns:1fr}}