*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.h1,h1{font-size:2em;text-align:center;margin:0 0 10px;border-bottom:1px dashed #e0e0e0;display:inline-block;width:100%;position:relative;padding-bottom:5px}.h2,h2{font-size:1.6em;margin:0 0 10px}.h3,h3{font-size:1.4em;margin:0 0 8px}.h4,h4{font-size:1.2em;margin:1px 0 10px}.h5,h5{font-size:1.1em;font-weight:500;margin:15px 0 10px}.h6,h6{font-size:1.0em}a{cursor:pointer;transition:color 0.25s ease;text-decoration:none;}a:focus,a:hover,a:visited{text-decoration:none!important;outline:none}a:focus-visible{outline:2px solid #43a351;outline-offset:2px}a:hover{cursor:pointer}hr{margin:30px 0 20px;border:0;border-top:1px dashed #e0e0e0;}header{position:fixed;top:0;left:0;width:100%;background-color:#ffffff;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.15);height:60px}header .container{padding:0;}.navbar .container{max-width:1140px;margin:0 auto;width:100%;padding:0 10px;}.navbar-brand,.navbar-brand:hover,.navbar-brand:focus{text-decoration:none !important;outline:none;margin-right:50px;}.navbar-brand img{max-width:152px;height:auto;display:block;margin:auto 0}.navbar.bg-light{background-color:#ffffff !important}header nav a, header nav span{text-decoration:none;font-weight:600;font-size:1rem;transition:color 0.3s ease;padding:0 0 8px;border-bottom:2px solid transparent;}header nav a:hover,header nav a:focus{color:#e0f2e9;border-bottom-color:#e0f2e9;outline:none}.navbar-toggler{border:none;background-color:transparent;padding:0.25rem 0.5rem;transition:background-color 0.3s ease}.navbar-toggler:hover, .navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler:focus-visible{outline:none;box-shadow:none;}.navbar-toggler:hover,.navbar-toggler:focus{background-color:rgba(245,247,250,1);}.navbar-toggler-icon{width:28px;height:28px;}.navbar-expand-lg{box-shadow:0 4px 6px -2px #0000001a;border:none}::-webkit-scrollbar{width:12px;height:12px;}::-webkit-scrollbar-track{background:#e8e8ea;border-radius:10px;margin:4px 0;}::-webkit-scrollbar-thumb{background:#ABB7B7;border-radius:10px;border:3px solid transparent;background-clip:content-box;}::-webkit-scrollbar-button:single-button:vertical:decrement{height:16px;width:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ABB7B7'%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;}::-webkit-scrollbar-button:single-button:vertical:increment{height:16px;width:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ABB7B7'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;}::-webkit-scrollbar-button:hover{background-color:#e0e0e0;}::-webkit-scrollbar-thumb:hover{background-color:#8E9A9A;}.form-group{flex:1 1 0;display:flex;flex-direction:column}.button-wrap{display:flex;justify-content:flex-end}button,select{outline:none!important;-moz-user-select:none!important;-webkit-user-select:none!important}.btn{font-size:1rem;border:none;border-radius:4px;padding:8px 18px;margin-bottom:8px;cursor:pointer;transition:background .2s;outline:none;box-shadow:none!important;}.btn:active,.btn:hover,.btn:focus{outline:none!important;-moz-user-select:none!important;-webkit-user-select:none!important}.btn-clear{background:#e74c3c;color:#fff;}.btn-clear:hover{background:#c0392b;color:#fff;}.left{text-align:left}.right{text-align:right}.pull-right{float:right;}main{flex:1 0 auto;padding:70px 20px 40px;max-width:1200px;margin:0 auto;min-height:500px;}.grc{color:#43a351;}.seo-description,.category-description,.tdstyle{font-size:14px;}.form-module{border:1px solid #e0e0e0;border-radius:8px!important;padding:10px 32px 10px 16px;font-size:1rem;color:#333;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.input-group{max-width:600px;margin:0 auto}.form-control{border:1px solid #e0e0e0;border-radius:8px!important;padding:10px 32px 10px 16px;font-size:1rem;color:#333;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.form-control:focus,.form-module:focus{border-color:#62B170;box-shadow:0 0 0 3px #62b1701a;outline:none}.form-control::placeholder,.form-module::placeholder{color:#999;font-style:italic}#clear-search{border:none;background:transparent;padding:0 8px;height:100%;display:flex;align-items:center;cursor:pointer}#clear-search svg{fill:#f60;transition:opacity .3s ease}#clear-search:hover svg{opacity:.7}#search-results{max-width:1200px;margin:0 auto 1.5rem}#search-results .row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;align-items:stretch}#search-results .col-md-4{padding-left:15px;padding-right:15px;display:flex}#search-results .tool-item{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease;width:100%;display:flex;flex-direction:column}#search-results .tool-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}#search-results .tool-item h3{font-size:1.25rem;margin:0 0 .5rem;font-weight:500}#search-results .tool-item h3 a{color:#222;text-decoration:none}#search-results .tool-item h3 a:hover{color:#f60}#search-results .tool-description{flex-grow:1}#search-results .tool-description p{color:#555;line-height:1.5;margin:0}#search-results .text-muted{color:#888!important;font-size:1rem;text-align:center;width:100%;margin:1rem 0}#search-results .text-danger{color:#dc3545!important;font-size:1rem;text-align:center;width:100%;margin:1rem 0}.list-pb li{padding-bottom:8px}.nobullet{list-style-type:none}.featured-tools,.list-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:20px}.tool-item{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.05);padding:20px;transition:box-shadow .3s ease;cursor:default;max-width:356px;width:100%;}.tool-item:hover{box-shadow:0 8px 24px rgba(0,0,0,0.12)}.tool-item h3{font-size:1.2rem;margin-bottom:10px;font-weight:700;color:#2a2a2a}.tool-item h3 a{color:#43a351;text-decoration:none}.tool-item h3 a:hover,.tool-item h3 a:focus{text-decoration:underline;outline:none}.tool-item p{color:#555;font-size:.95rem;line-height:1.4}.tool-description{display:block;padding:10px 0;}footer{background-color:#181818;color:#838383;text-align:center;padding:20px 15px;flex-shrink:0;font-size:0.9rem;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.colorport{display:block;width:100%;margin:0px auto;transition:all 1s ease 0s;}#colorfilters{margin:1%;padding:0px;list-style:outside none none;}#colorfilters li{float:left;}#colorfilters li span{display:block;padding:5px 20px;text-decoration:none;color:rgb(102, 102, 102);cursor:pointer;}#colorfilters li span.active{background:rgb(233, 90, 68) none repeat scroll 0% 0%;color:rgb(255, 255, 255);}.colorportfolio{box-sizing:border-box;width:20%;display:none;float:left;overflow:hidden;}.colorportfolio .item{height:236px;text-align:center;text-transform:uppercase;}.colorportfolio:hover{display:inline;z-index:999;overflow:hidden;cursor:pointer;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-box-shadow:5px 5px 5px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:5px 5px 5px 5px rgba(0, 0, 0, 0.2);box-shadow:5px 5px 5px 5px rgba(0, 0, 0, 0.2);}.color-name,.hex-number,.rgb-number{display:block;}.color-name{padding-bottom:10px;padding-top:30%;}.clbl{color:#151515;}.clw{color:#ffffff;}.matrix-button{display:inline-block;padding:12px 24px;background:#000;color:#0f0;border:2px solid #0f0;font-family:'Courier New', monospace;text-transform:uppercase;text-decoration:none;transition:all 0.3s;margin:20px 0 30px;}.matrix-button:hover{background:#0f0;color:#000;text-shadow:0 0 5px #0f0;box-shadow:0 0 10px #0f0;}@media (max-width:1200px){.navbar .container{max-width:936px;padding:0;}}@media (max-width:1080px){.colorportfolio .item{height:220px;}}@media (max-width:1000px){.colorportfolio{width:25%;}.colorportfolio .item{height:180px;}.color-name{padding-top:20%;}}@media (max-width:991.98px){.navbar-nav{padding-top:.5rem;padding-bottom:.5rem}.navbar .container{max-width:698px;padding:0}.tool-item{max-width:320px;}}@media (max-width:767px){.navbar .container{max-width:518px}}@media (max-width:760px){.colorportfolio{width:50%;}}@media (max-width:600px){header nav{gap:15px;font-size:.9rem}main{padding:70px 15px 30px}.featured-tools{grid-template-columns:1fr;gap:16px}.tool-item{max-width:100%;}}@media (max-width:576px){.navbar .container{width:100%;padding:0 12px}.h1,h1{font-size:1.8em;}.h2,h2{font-size:1.6em;}.h3,h3{font-size:1.4em;}.h4,h4{font-size:1.2em;}.h5,h5{font-size:1.1em;}.h6,h6{font-size:1.0em;}}@media (max-width:480px){.colorportfolio{width:100%;}.colorportfolio .item{height:150px;}.color-name{padding-top:10%;}}@media (max-width:900px) and (min-width:601px){header nav{gap:20px}main{padding:75px 20px 35px}.featured-tools{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width:1201px){main{max-width:1100px}}