.thermometer-section{background:linear-gradient(135deg, #1a1a2e, #16213e);border-radius:24px;padding:30px;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.thermometer-container{display:flex;align-items:center;gap:40px}.thermometer{display:flex;align-items:flex-end;gap:12px;height:300px}.thermometer-bulb{width:40px;height:280px;background:#2d2d44;border-radius:20px 20px 8px 8px;position:relative;overflow:hidden;border:2px solid #3d3d5c}.thermometer-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg, #ef4444, #f59e0b, #10b981);border-radius:0 0 8px 8px;transition:height 0.5s ease}.thermometer-scale{display:flex;flex-direction:column;justify-content:space-between;height:280px;font-size:0.55rem;color:#94a3b8;font-family:'Fira Code',monospace}.temperature-display{font-size:2.5rem;font-weight:700;color:white;font-family:'Fira Code',monospace;min-width:140px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:30px}.stat-card{background:white;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--gray-200);transition:all 0.3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg, #e0e7ff, #f0f4ff);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary-color)}.stat-value{font-size:1.4rem;font-weight:700;color:var(--gray-800)}.stat-label{font-size:0.7rem;color:var(--gray-500)}.converter-main{background:var(--gray-50);border-radius:24px;padding:30px;margin-bottom:30px}.converter-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:0.8rem;font-weight:600;color:var(--gray-700)}.converter-input{padding:14px 18px;border:1px solid var(--gray-300);border-radius:12px;font-size:1.1rem;font-family:'Fira Code',monospace;background:white}.converter-input:focus{outline:none;border-color:var(--primary-color)}.converter-output{padding:14px 18px;border:1px solid var(--gray-300);border-radius:12px;font-size:1.1rem;font-family:'Fira Code',monospace;background:var(--gray-100);color:var(--primary-color);font-weight:600}.converter-select{padding:14px 18px;border:1px solid var(--gray-300);border-radius:12px;font-size:1rem;background:white}.converter-arrow{text-align:center;padding:16px 0;color:var(--gray-400)}.converter-arrow i{font-size:1.5rem}.swap-btn{margin-top:16px;padding:10px 24px;background:var(--gray-200);border:none;border-radius:40px;cursor:pointer;font-size:0.9rem;transition:all 0.2s;display:inline-flex;align-items:center;gap:8px}.swap-btn:hover{background:var(--primary-color);color:white}.reference-section{margin-bottom:30px}.ref-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-top:16px}.ref-item{background:var(--gray-50);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.ref-label{font-weight:600;color:var(--gray-700)}.ref-values{font-family:'Fira Code',monospace;font-size:0.75rem;color:var(--primary-color)}.knowledge-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:20px}.knowledge-card{background:var(--gray-50);border-radius:16px;padding:20px;text-align:center}.knowledge-card i{font-size:28px;color:var(--primary-color);margin-bottom:12px}.knowledge-card h4{font-size:0.85rem;margin-bottom:8px}.knowledge-card p{font-size:0.75rem;color:var(--gray-500);line-height:1.5}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2, 1fr)}.converter-row{grid-template-columns:1fr}.ref-grid{grid-template-columns:repeat(2, 1fr)}.knowledge-grid{grid-template-columns:repeat(2, 1fr)}.thermometer-container{flex-direction:column}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}.ref-grid{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:1fr}.temperature-display{font-size:1.8rem}}