:root{--primary: #3B82F6;--primary-dark: #2563EB;--secondary: #8B5CF6;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--dark: #1F2937;--light: #F8FAFC;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .1);--shadow-hover: 0 20px 60px rgba(0, 0, 0, .15)}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:#374151;overflow-x:hidden;padding-top:0}.navbar{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:1rem 0!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1030!important;transition:all .3s ease;width:100%!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important}.navbar-expand-lg .navbar-nav{flex-direction:row!important}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto!important}.navbar-toggler{border:none!important;padding:.25rem .5rem!important}.navbar-toggler:focus{box-shadow:none!important}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}main{padding-top:80px}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.navbar-brand{font-weight:800;font-size:1.5rem;color:var(--primary)!important;text-decoration:none;display:inline-block!important;padding-top:.3125rem!important;padding-bottom:.3125rem!important;margin-right:1rem!important}.navbar-brand i{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:.5rem}.navbar-nav .nav-link{font-weight:500;color:#374151!important;padding:.5rem 1rem!important;border-radius:.5rem;transition:all .2s ease;display:block!important}.navbar-nav .nav-link:hover{background:#3b82f61a;color:var(--primary)!important}.btn-primary{background:var(--gradient-primary);border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.search-form{position:relative;margin:0 1rem}.search-input{border-radius:50px;padding:.6rem 1rem .6rem 3rem;border:1px solid #e5e7eb;width:250px;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.banner-ad{background:linear-gradient(45deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:1rem;padding:2rem;text-align:center;color:#6c757d;margin:2rem 0;position:relative;overflow:hidden}.banner-ad:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.02) 50%,transparent 51%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.main-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin:2rem 0}@media (max-width: 992px){.main-content{grid-template-columns:1fr}}.converter-section{padding:2rem 0;background:var(--light);position:relative}.converter-card{background:#fff;border-radius:2rem;padding:2.5rem;box-shadow:var(--shadow-soft);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden;height:100%}.converter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-primary)}.converter-title{text-align:center;margin-bottom:2rem;color:var(--dark);font-weight:700;font-size:1.8rem}.converter-form{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:end;margin-bottom:2rem}@media (max-width: 768px){.converter-form{grid-template-columns:1fr;gap:1.5rem}}.form-group{position:relative}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--dark);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.converter-section .form-control{width:100%;padding:1.1rem 1rem;border:2px solid #e5e7eb;border-radius:1rem;font-size:1rem;transition:all .3s ease;background:#fafafa;font-weight:500}.converter-section .form-control:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.converter-section .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:3rem;cursor:pointer}.swap-btn{background:var(--gradient-primary);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #667eea4d;margin:0 auto}.swap-btn:hover{transform:rotate(180deg) scale(1.1);box-shadow:0 12px 35px #667eea66}.popular-categories{background:#fff;border-radius:2rem;padding:2rem;box-shadow:var(--shadow-soft);border:1px solid rgba(0,0,0,.05)}.sidebar-title{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.category-list{list-style:none;padding:0}.category-item{margin-bottom:.75rem}.category-link{display:flex;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-radius:.75rem;text-decoration:none;color:#374151;transition:all .2s ease;font-weight:500}.category-link:hover{background:#3b82f61a;color:var(--primary);transform:translate(5px);text-decoration:none}.category-icon{width:30px;height:30px;border-radius:8px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;margin-right:.75rem}.categories-section{padding:3rem 0;background:#fff}.section-title{text-align:center;font-size:2.2rem;font-weight:700;color:var(--dark);margin-bottom:1rem}.section-subtitle{text-align:center;font-size:1.1rem;color:#6b7280;margin-bottom:2rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-top:2rem}.category-card{background:#fff;border-radius:1.25rem;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;border:2px solid #f3f4f6;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);text-decoration:none;color:inherit;border-color:#3b82f633}.category-card:hover:before{transform:scaleX(1)}.category-icon-lg{width:50px;height:50px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:1rem}.category-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--dark)}.category-description{color:#6b7280;line-height:1.5;font-size:.9rem}.popular-section{padding:4rem 0;background:var(--light)}.popular-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.formula-card{background:#fff;border-radius:1.25rem;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.formula-card:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:var(--gradient-primary);transform:scaleY(0);transition:transform .3s ease}.formula-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f;text-decoration:none;color:inherit}.formula-card:hover:after{transform:scaleY(1)}.formula-icon{width:45px;height:45px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;margin-bottom:1rem}.formula-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--dark)}.formula-description{color:#6b7280;font-size:.85rem;line-height:1.5}.footer{background:var(--dark);color:#fff;padding:3rem 0 1.5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h5{font-weight:700;margin-bottom:1.25rem;color:#fff}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#9ca3af;text-decoration:none;transition:color .2s ease;font-size:.9rem}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:1.5rem;text-align:center;color:#9ca3af;font-size:.9rem}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}@media (max-width: 768px){.search-form{order:3;width:100%;margin:1rem 0 0}.search-input{width:100%}.search-input:focus{width:100%}.converter-card{padding:1.5rem}.section-title{font-size:1.8rem}.categories-grid,.popular-grid{grid-template-columns:1fr}}@media (max-width: 991.98px){.navbar-expand-lg .navbar-collapse{display:none!important}.navbar-expand-lg .navbar-collapse.show{display:flex!important;flex-direction:column!important;width:100%!important;background:#fffffffa!important;border-radius:.5rem!important;margin-top:1rem!important;padding:1rem!important;box-shadow:var(--shadow-soft)!important}.navbar-expand-lg .navbar-nav{flex-direction:column!important;width:100%!important}.navbar-expand-lg .navbar-nav .nav-item{width:100%!important;margin-bottom:.5rem!important}.navbar-expand-lg .navbar-nav .nav-link{width:100%!important;text-align:center!important}}@media (min-width: 992px){.navbar-expand-lg .navbar-collapse{display:flex!important}.navbar-expand-lg .navbar-nav{flex-direction:row!important}}