:root{--primary-color:#3498db;--primary-dark:#2980b9;--secondary-color:#2c3e50;--accent-color:#27ae60;--accent-hover:#219653;--danger-color:#e74c3c;--danger-hover:#c0392b;--text-color:#333;--text-light:#7f8c8d;--text-dark:#2c3e50;--bg-color:#f9f9f9;--bg-light:#f8f9fa;--bg-dark:#edf2f7;--border-color:#ddd;--border-radius:8px;--box-shadow:0 6px 15px #0000001a;--transition:all .3s ease;--container-width:1200px;--font-main:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--highlight-color:#f39c12;--tooltip-bg:#2c3e50f2}.daily-conversions{background-color:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.daily-conversions-title{color:#333;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.daily-conversions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.conversion-card{background:#fff;border-radius:6px;padding:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a}.conversion-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px #0000001a}.conversion-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.conversion-title a{color:#3498db;text-decoration:none}.conversion-title a:hover{text-decoration:underline}.conversion-result{color:#2c3e50;margin-bottom:.5rem;font-size:1rem;font-weight:500}.conversion-desc{color:#7f8c8d;font-size:.9rem}@media (max-width:768px){.daily-conversions-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.daily-conversions-grid{grid-template-columns:1fr 1fr}.conversion-card{padding:.8rem}.conversion-title{font-size:1rem}}.daily-updates{background-color:var(--bg-light);border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.update-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem;display:grid}.update-card{border-left:3px solid var(--primary-color);background:#fff;border-radius:6px;padding:1rem;transition:transform .2s,box-shadow .2s,border-left .3s;box-shadow:0 1px 3px #0000001a}.update-card:hover{border-left:5px solid var(--primary-color);transform:translateY(-3px);box-shadow:0 4px 6px #0000001a}.update-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.update-title a{color:var(--primary-color);padding-left:2px;text-decoration:none;transition:color .3s,padding-left .3s;display:inline-block;position:relative}.update-title a:hover{color:var(--primary-dark);padding-left:5px}.update-title a:after{content:"";background-color:var(--primary-dark);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.update-title a:hover:after{width:100%}.update-card time{color:var(--text-light);margin-top:.5rem;font-size:.9rem;display:block}@media (max-width:768px){.update-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.update-grid{grid-template-columns:1fr}.update-card{padding:.8rem}.update-title{font-size:1rem}}html{scroll-behavior:smooth;scroll-padding-top:80px}*{box-sizing:border-box;font-family:var(--font-main);margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-color);flex-direction:column;min-height:100vh;margin:0;padding:0;line-height:1.6;display:flex}a:focus,button:focus,input:focus{outline-offset:2px;outline:2px solid #06c}.sr-only,.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{background-color:var(--primary-color);color:#fff;z-index:9999;clip:auto;white-space:normal;width:auto;height:auto;padding:10px 15px;font-weight:700;text-decoration:none;position:fixed;top:0;left:0}.container{max-width:var(--container-width);width:100%;margin:0 auto;padding:0 20px}.nowrap{white-space:nowrap}header{background-color:var(--primary-color);color:#fff;text-align:center;padding:40px 0;position:relative;box-shadow:0 4px 6px #0000001a}h1{margin-bottom:10px;font-size:2.5rem;font-weight:700}.tagline{opacity:.9;max-width:800px;margin:0 auto;font-size:1.2rem}main{flex:1 0 auto;padding:40px 0}section{margin-bottom:40px}h2{color:var(--text-dark);text-align:center;margin-bottom:20px;padding-bottom:10px;font-size:1.8rem;position:relative}h2:after{content:"";background:var(--primary-color);width:80px;height:3px;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.main-nav{background-color:var(--secondary-color);z-index:1001;transition:var(--transition);padding:15px 0;position:sticky;top:0;box-shadow:0 4px 10px #00000026}.main-nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2c3e50f2;padding:10px 0}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px 25px;padding:0 15px;list-style:none;display:flex}.nav-links li{position:relative}.nav-links li a{color:#fff;transition:var(--transition);letter-spacing:.3px;border-radius:6px;padding:10px 16px;font-weight:500;text-decoration:none;display:block;position:relative;overflow:hidden}.nav-links li a:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links li a:hover:after,.nav-links li a.active:after{width:70%}.nav-links li a:hover,.nav-links li a.active{color:#fff;background-color:#3498db26}.mobile-menu-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;padding:10px;display:none;position:absolute;top:15px;right:15px}.menu-icon{width:100%;height:3px;transition:var(--transition);background-color:#fff;border-radius:3px;display:block}.mobile-menu-toggle.active .menu-icon:first-child{transform:translateY(9px)rotate(45deg)}.mobile-menu-toggle.active .menu-icon:nth-child(2){opacity:0}.mobile-menu-toggle.active .menu-icon:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.dropdown-content{background-color:var(--secondary-color);z-index:1000;border-top:3px solid var(--primary-color);transform-origin:top;border-radius:6px;min-width:220px;margin-top:8px;animation:.3s cubic-bezier(.25,.46,.45,.94) fadeIn;display:none;position:absolute;left:0;overflow:hidden;box-shadow:0 10px 20px #00000040}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-content a{color:#fff;border-bottom:1px solid #ffffff14;border-radius:0;padding:14px 18px;font-weight:400;text-decoration:none;transition:all .25s;display:block;position:relative}.dropdown-content li:last-child a{border-bottom:none}.dropdown-content a:hover{background-color:var(--primary-color);color:#fff;padding-left:24px;box-shadow:inset 0 0 0 1px #ffffff26}.dropdown-content a:before{content:"";background-color:#ffffff1a;width:0;height:100%;transition:width .2s;position:absolute;top:0;left:0}.dropdown-content a:hover:before{width:4px}.dropdown:hover .dropdown-content,.dropdown-content.show{display:block}.dropdown>button .indicator{margin-left:5px;transition:transform .3s;display:inline-block}.dropdown-content.show+button .indicator,.dropdown:hover>button .indicator{transform:rotate(180deg)}.dropdown>button{color:#fff;font-size:inherit;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;align-items:center;padding:12px 16px;font-family:inherit;font-weight:500;display:flex;position:relative}.dropdown>button:hover{background-color:#3498db33}.dropdown>button:after{content:"▼";transition:var(--transition);opacity:.8;margin-left:8px;font-size:.7em;display:inline-block}.dropdown:hover>button:after{opacity:1;transform:rotate(180deg)}.dropdown:hover>button{background-color:var(--primary-color);color:#fff}.site-logo{z-index:1000;position:absolute;top:15px;left:15px}.site-logo a{color:#fff;background-color:var(--secondary-color);transition:var(--transition);border-radius:4px;padding:5px 10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:block;box-shadow:0 2px 4px #0003}.site-logo a:hover{background-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.language-switcher{position:absolute;top:15px;right:15px}.language-switcher ul{gap:5px;margin:0;padding:0;list-style:none;display:flex}.lang-btn{color:#fff;cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #ffffff4d;border-radius:4px;padding:5px 10px}.lang-btn.active{background:#fff3;font-weight:700}.lang-btn:hover{background:#ffffff1a}.breadcrumb{background-color:var(--bg-light);border-radius:4px;margin:20px 0;padding:10px 15px;list-style:none;display:flex}.breadcrumb li{align-items:center;display:flex}.breadcrumb li:not(:last-child):after{content:"/";color:#aaa;margin:0 10px}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--text-light)}.converter-tool{border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);background-color:#fff;margin-bottom:40px;padding:30px}.converter-tool:hover{transform:translateY(-5px)}.converter-subtitle{text-align:center;color:var(--primary-color);margin-bottom:15px;font-size:1.3rem;font-weight:500}.converter-description{text-align:center;color:var(--text-light);margin-bottom:25px;font-size:1.1rem}.converter-form{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px;display:flex}.input-group{flex:1;min-width:280px;position:relative}.result-container{background-color:var(--bg-light);border-left:4px solid var(--primary-color);border-radius:8px;flex:1;min-width:280px;padding:15px;position:relative}.result-value{color:var(--text-dark);min-height:36px;margin:10px 0;font-size:24px;font-weight:700}label{color:var(--text-dark);margin-bottom:8px;font-weight:600;display:block}input{border:1px solid var(--border-color);width:100%;transition:var(--transition);border-radius:8px;padding:15px;font-size:16px}input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3498db33}.validation-message{color:var(--danger-color);text-align:center;min-height:20px;margin-top:5px;font-size:14px;font-weight:500}.btn{background-color:var(--accent-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:4px;align-items:center;gap:5px;margin-top:10px;padding:8px 12px;font-size:14px;display:flex}.btn:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.history-container{background-color:var(--bg-light);border-radius:8px;margin-top:30px;padding:20px}.history-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.history-header h3{color:var(--text-dark);margin:0}.clear-history{background-color:var(--danger-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:4px;padding:5px 10px;font-size:12px}.clear-history:hover{background-color:var(--danger-hover)}.history-list{max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.history-item{cursor:pointer;border-bottom:1px solid #eee;padding:10px;transition:background-color .3s}.history-item:hover{background-color:var(--bg-dark)}.history-item:last-child{border-bottom:none}.common-examples{margin-top:30px}.examples-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:15px;display:grid}.example-card{cursor:pointer;transition:var(--transition);border-left:3px solid var(--primary-color);background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000001a}.example-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026}.example-title{color:var(--text-dark);margin-bottom:5px;font-weight:600}.example-conversion{color:var(--text-light);font-size:.9rem}.formula-section{box-shadow:var(--box-shadow);background-color:#fff;border-radius:10px;margin-bottom:30px;padding:30px}.formula{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:25px}.formula:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.formula h3{color:var(--text-dark);margin-bottom:15px;font-size:1.3rem}.formula-box{background-color:var(--bg-light);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:10px;padding:15px;font-family:monospace;font-size:18px}.example{color:var(--text-light);font-style:italic}.info-cards{flex-wrap:wrap;gap:20px;margin-top:30px;display:flex}.info-card{background-color:var(--bg-dark);border-left:4px solid var(--primary-color);border-radius:8px;flex:1;min-width:300px;padding:20px}.info-card h3{color:var(--text-dark);margin-bottom:10px}.info-card p{color:#555;margin-bottom:10px}.faq-section{box-shadow:var(--box-shadow);background-color:#fff;border-radius:10px;margin-top:40px;padding:30px}.faq-item{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-question{color:var(--text-dark);margin-bottom:10px;font-size:1.1rem;font-weight:600}.faq-answer{color:#555}.conversion-steps{background-color:var(--bg-light);border-radius:8px;margin-top:30px;padding:20px}.step{cursor:pointer;transition:var(--transition);border-bottom:1px dashed #ddd;margin-bottom:15px;padding-bottom:15px;display:flex}.step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-number{background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-right:15px;font-weight:700;display:flex}.step-content{flex:1}.step-title{color:var(--text-dark);margin-bottom:5px;font-weight:600}.step-description{color:var(--text-light);font-size:.9rem}.step-visualization{background-color:#fff;border-radius:4px;height:0;margin-top:10px;padding:0 15px;transition:height .3s;overflow:hidden}.step.active .step-visualization{border:1px solid #eee;height:auto;padding:15px}.step:hover{background-color:var(--bg-dark);border-radius:4px;padding-left:10px}.practical-uses{flex-wrap:wrap;gap:20px;margin-top:30px;display:flex}.use-case{background-color:#fff;border-radius:8px;flex:1;min-width:250px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.use-case:hover{transform:translateY(-5px)}.use-case-header{background-color:var(--primary-color);color:#fff;padding:15px;font-weight:600}.use-case-body{padding:15px}.use-case-body p{color:#555;margin-bottom:10px}.use-case-examples{border-top:1px dashed #eee;margin:10px 0 0;padding:10px 0 0;list-style:none}.use-case-examples li{color:#555;align-items:baseline;padding:8px 0;font-size:.95rem;display:flex}.use-case-examples li:not(:last-child){border-bottom:1px dotted #f0f0f0}.use-case-examples li strong{color:var(--text-dark);min-width:120px;margin-right:5px;display:inline-block}.popular-conversions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.popular-conversion-link{color:var(--primary-color);transition:var(--transition);background-color:#f1f5f9;border-radius:20px;padding:8px 15px;font-size:.9rem;text-decoration:none}.popular-conversion-link:hover{background-color:var(--primary-color);color:#fff}.pdf-download-btn{background-color:var(--accent-color);color:#fff;max-width:500px;transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;gap:10px;margin:20px auto;padding:12px 20px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.pdf-download-btn:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.pdf-download-btn:hover:before{left:100%}.pdf-download-btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.pdf-download-btn .btn-icon{background-color:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;font-weight:700;transition:transform .3s;display:flex}.pdf-download-btn:hover .btn-icon{transform:translateY(3px)}.site-footer{background-color:var(--secondary-color);color:#ecf0f1;padding:3rem 0 2rem;font-size:.95rem;line-height:1.6}.footer-navigation{margin-bottom:2.5rem}.footer-links-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.footer-links-group{margin-bottom:1rem}.footer-heading{color:#bdc3c7;border-bottom:1px solid #ffffff1a;margin-bottom:1.2rem;padding-bottom:.5rem;font-size:1.1rem}.footer-link-list{margin:0;padding:0;list-style:none}.footer-link-list li{margin-bottom:.7rem}.footer-link{color:#ecf0f1;padding:.2rem 0;text-decoration:none;transition:color .2s;display:inline-block}.footer-link:hover,.footer-link:focus{color:var(--primary-color);text-decoration:underline}.social-link{align-items:center;gap:.5rem;display:flex}.social-icon{flex-shrink:0}.footer-extra{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}.language-selector{flex:1;min-width:150px}.language-dropdown{color:#fff;background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;width:100%;max-width:200px;padding:.5rem}.copyright-notice{text-align:center;color:#bdc3c7;flex:2;font-size:.9rem}.copyright-notice p{margin:.3rem 0}.footer-meta{color:#7f8c8d;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.separator{color:#7f8c8d}.back-to-top{text-align:right;flex:1}.back-to-top-link{color:#fff;background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .2s;display:inline-flex}.back-to-top-link:hover,.back-to-top-link:focus{background-color:var(--primary-color)}footer{background-color:var(--secondary-color);color:#fff;text-align:center;flex-shrink:0;padding:30px 0}.footer-links{margin-bottom:20px}.footer-links a{color:#fff;margin:0 15px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary-color);text-decoration:underline}.copyright{opacity:.8;font-size:.9rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:768px){h1{font-size:2rem}.tagline{font-size:1rem}.converter-form{flex-direction:column}.input-group{min-width:100%}.btn-group{flex-direction:column}button{width:100%}.nav-links{flex-direction:column;align-items:center;gap:8px 15px;padding:0}.nav-links li{text-align:center;width:100%}.nav-links li a{text-align:center;width:100%;padding:12px;font-size:1rem;display:block}.dropdown-content{width:100%;min-width:200px;box-shadow:none;border-top:none;margin-top:0;display:none;position:static;left:50%;transform:translate(-50%)}.dropdown>button{justify-content:center;width:100%;padding:12px}.dropdown.active .dropdown-content{display:block}.site-logo{position:absolute;top:10px;left:10px}.site-logo a{padding:3px 8px;font-size:1.2rem}.language-switcher{margin-top:15px;position:relative;top:auto;right:auto}.language-switcher ul{justify-content:center}.breadcrumb{flex-wrap:wrap}.footer-links-grid{grid-template-columns:1fr 1fr}.footer-extra{text-align:center;flex-direction:column}.language-selector,.back-to-top{text-align:center;width:100%}.language-dropdown{max-width:100%}.back-to-top{margin-top:1rem}.use-case{min-width:100%}.use-case-examples li{flex-direction:column}.use-case-examples li strong{margin-bottom:3px}.temp-bar{height:20px}.temp-bar span{font-size:.9rem;line-height:20px}}@media (max-width:480px){.input-group,.result-container{min-width:100%}.footer-links-grid{grid-template-columns:1fr}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){h1{font-size:2rem}.tagline{font-size:1rem}.converter-form{flex-direction:column}.input-group{min-width:100%}.btn-group{flex-direction:column}button{width:100%}.nav-links{flex-direction:column;align-items:center;gap:8px 15px;padding:0}.nav-links li{text-align:center;width:100%}.nav-links li a{text-align:center;width:100%;padding:12px;font-size:1rem;display:block}.dropdown-content{width:100%;min-width:200px;box-shadow:none;border-top:none;margin-top:0;display:none;position:static;left:50%;transform:translate(-50%)}.dropdown>button{justify-content:center;width:100%;padding:12px}.dropdown.active .dropdown-content{display:block}.site-logo{position:absolute;top:10px;left:10px}.site-logo a{padding:3px 8px;font-size:1.2rem}.language-switcher{margin-top:15px;position:relative;top:auto;right:auto}.language-switcher ul{justify-content:center}.breadcrumb{flex-wrap:wrap}.footer-links-grid{grid-template-columns:1fr 1fr}.footer-extra{text-align:center;flex-direction:column}.language-selector,.back-to-top{text-align:center;width:100%}.language-dropdown{max-width:100%}.back-to-top{margin-top:1rem}.use-case{min-width:100%}.use-case-examples li{flex-direction:column}.use-case-examples li strong{margin-bottom:3px}.temp-bar{height:20px}.temp-bar span{font-size:.9rem;line-height:20px}}@media (max-width:480px){.input-group,.result-container{min-width:100%}.footer-links-grid{grid-template-columns:1fr}}.conversion-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #3498db33;border-radius:12px;margin:40px 0;padding:30px;transition:all .3s;box-shadow:0 10px 30px #0000001a}.conversion-section:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}#conversion-title{color:#2c3e50;text-align:center;margin-bottom:30px;padding-bottom:15px;font-size:2rem;font-weight:700;position:relative}#conversion-title:after{content:"";background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px;width:100px;height:4px;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.conversion-result{margin:30px 0}.result-box{color:#fff;text-align:center;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-radius:10px;padding:25px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 20px #3498db4d}.result-box:hover{transform:scale(1.02);box-shadow:0 12px 25px #3498db66}.result-box:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.result-box:hover:before{opacity:1}.result-header{opacity:.9;margin-bottom:15px;font-size:1.2rem;font-weight:500}.result-value{text-shadow:0 2px 5px #0003;font-size:3.5rem;font-weight:700;animation:2s infinite pulse}.conversion-formula{background-color:#fff;border-left:5px solid #3498db;border-radius:10px;margin-top:30px;padding:25px;box-shadow:0 5px 15px #0000000d}.conversion-formula h3{color:#2c3e50;border-bottom:2px dashed #3498db33;margin-bottom:15px;padding-bottom:10px;font-size:1.4rem;font-weight:600}.conversion-formula p{color:#555;margin-bottom:15px;font-size:1.1rem}.formula{color:#2c3e50;text-align:center;background:linear-gradient(90deg,#f1f5f9,#e9ecef);border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:20px;font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0000000d}.formula:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.formula:hover:before{left:100%}.calculation-steps{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:25px;padding:20px;position:relative}.calculation-steps h4{color:#3498db;align-items:center;margin-bottom:15px;font-size:1.2rem;font-weight:600;display:flex}.calculation-steps h4:before{content:"🔢";margin-right:10px;font-size:1.3rem}.calculation-steps ol{counter-reset:step-counter;padding-left:20px;list-style-type:none}.calculation-steps li{counter-increment:step-counter;color:#555;border-bottom:1px dashed #e0e0e0;padding:12px 0 12px 40px;font-size:1.1rem;transition:all .2s;position:relative}.calculation-steps li:last-child{border-bottom:none}.calculation-steps li:before{content:counter(step-counter);color:#fff;background-color:#3498db;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 2px 5px #0000001a}.calculation-steps li:hover{background-color:#3498db0d;border-radius:5px;padding-left:45px}.calculation-steps li:last-child{color:#2c3e50;font-weight:700}.calculation-steps li:last-child:before{background-color:#27ae60}.temperature-comparison{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #3498db33;border-radius:12px;margin:40px 0;padding:30px;transition:all .3s;box-shadow:0 10px 30px #0000001a}.temperature-comparison:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}#oven-guide-title{color:#2c3e50;text-align:center;margin-bottom:30px;padding-bottom:15px;font-size:1.8rem;font-weight:700;position:relative}#oven-guide-title:after{content:"";background:linear-gradient(90deg,#e67e22,#f39c12);border-radius:2px;width:100px;height:4px;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.comparison-table{margin:25px 0}.comparison-table h3{color:#2c3e50;text-align:center;margin-bottom:15px;font-size:1.4rem;font-weight:600}.comparison-table table{border-collapse:separate;border-spacing:0;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 5px 15px #00000014}.comparison-table th{color:#fff;text-align:left;background-color:#3498db;padding:15px;font-size:1.1rem;font-weight:600}.comparison-table td{border-bottom:1px solid #e9ecef;padding:12px 15px;font-size:1rem;transition:all .2s}.comparison-table tr:nth-child(2n){background-color:#f8f9fa}.comparison-table tr:nth-child(odd){background-color:#fff}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background-color:#3498db1a}.temperature-comparison .use-case{background:linear-gradient(135deg,#fff8e1 0%,#fffde7 100%);border-left:5px solid #f39c12;border-radius:10px;margin-top:30px;padding:25px;box-shadow:0 5px 15px #0000000d}.temperature-comparison .use-case-header{color:#e67e22;align-items:center;margin-bottom:15px;font-size:1.3rem;font-weight:600;display:flex}.temperature-comparison .use-case-header:before{content:"🔥";margin-right:10px;font-size:1.4rem}.temperature-comparison .use-case-body{padding:5px 0}.temperature-comparison .use-case-examples{padding-left:5px;list-style-type:none}.temperature-comparison .use-case-examples li{color:#555;border-bottom:1px dashed #e0e0e0;padding:10px 0 10px 35px;transition:all .2s;position:relative}.temperature-comparison .use-case-examples li:last-child{border-bottom:none}.temperature-comparison .use-case-examples li:before{content:"✓";color:#fff;background-color:#f39c12;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:50%;left:5px;transform:translateY(-50%);box-shadow:0 2px 5px #0000001a}.temperature-comparison .use-case-examples li:hover{background-color:#f39c120d;border-radius:5px;padding-left:40px}.conversion-equation-image{border:1px solid #e0e0e0;border-radius:8px;max-width:100%;height:auto;margin:20px auto;display:block;box-shadow:0 4px 8px #0000001a}@media (max-width:768px){#conversion-title{font-size:1.7rem}.result-value{font-size:2.8rem}.formula{padding:15px;font-size:1.3rem}.calculation-steps li{padding:10px 0 10px 35px;font-size:1rem}#oven-guide-title{font-size:1.6rem}.comparison-table th,.comparison-table td{padding:10px}.temperature-comparison .use-case-header{font-size:1.2rem}}@media (max-width:480px){.conversion-section{padding:20px}#conversion-title{font-size:1.5rem}.result-value{font-size:2.5rem}.formula{font-size:1.1rem}.calculation-steps li:before{width:25px;height:25px}.calculation-steps li{padding:10px 0 10px 30px}.temperature-comparison{padding:20px}#oven-guide-title{font-size:1.4rem}.comparison-table th{font-size:.9rem}.comparison-table td{padding:8px;font-size:.9rem}.temperature-comparison .use-case-examples li{padding:8px 0 8px 30px}.temperature-comparison .use-case-examples li:before{width:18px;height:18px;font-size:.7rem}}.temperature-conversion-table{margin-bottom:2rem}.temp-conversion-table{border-collapse:collapse;width:100%;margin-top:1rem}.temp-conversion-table th,.temp-conversion-table td{text-align:left;border:1px solid #ddd;padding:8px}.temp-conversion-table th{background-color:#f2f2f2;font-weight:700}.temp-conversion-table tr:nth-child(2n){background-color:#f9f9f9}.temp-conversion-table tr:hover{background-color:#f5f5f5}.temperature-conversion-chart{background-color:#f9f9f9;border-radius:8px;margin:2rem 0;padding:1rem;box-shadow:0 2px 4px #0000001a}#chart-title{color:#333;margin-bottom:1rem;font-size:1.8rem}.chart-description{color:#666;margin-bottom:1.5rem;font-size:1rem}.table-responsive{overflow-x:auto}.conversion-table{border-collapse:collapse;table-layout:fixed;width:100%}.conversion-table thead{color:#fff;background-color:#3498db}.conversion-table th,.conversion-table td{text-align:left;border-bottom:1px solid #ddd;padding:12px}.conversion-table th{font-weight:600}.conversion-table tbody tr:hover{background-color:#f1f1f1}.conversion-table tbody tr:nth-child(2n){background-color:#f8f8f8}
