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