:root{--max-width:1360px;--gutter:15px;--primary:#00d0ff;--secondary:#00A6FF;--title:#1A2E35;--text:#4F5B60;--accent:#00A6FF;--white:#ffffff;--hover:#222222;--border:#ebebeb;--white-ice:#F0F4FF}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Mulish',-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:var(--text);overflow-x:hidden;font-size:14px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}h1{margin:20px 0;text-align:left;font-size:2rem;animation:fadeIn 0.8s ease-out;color:var(--text);text-transform:capitalize}h2{margin:30px 0 10px;font-size:1.4rem;color:var(--text);animation:fadeIn 0.8s ease-out 0.2s both}h2.screen-reader-text{display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.site-header{position:sticky;top:0;width:100%;background:var(--white);z-index:999;box-shadow:0 2px 6px rgb(0 0 0 / .05);animation:fadeInDown 0.6s ease forwards}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;gap:20px}.header-logo img{max-height:45px}.search-container{position:relative;width:100%;max-width:300px;margin:0 20px 0 auto}#fontSearch{width:100%;padding:10px 15px;border:1px solid var(--border);border-radius:50px;font-size:14px}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-top:none;border-radius:4px;box-shadow:0 4px 6px rgb(0 0 0 / .1);z-index:1000;max-height:370px;overflow-y:auto;display:none}.search-dropdown .item{padding:8px 15px;cursor:pointer;border-bottom:1px solid var(--border);transition:background-color 0.2s}.search-dropdown .item:last-child{border-bottom:none}.search-dropdown .item:hover,.search-dropdown .item.active{background-color:var(--white-ice)}.search-dropdown .no-results{color:var(--text);cursor:default}.search-highlight{font-weight:600;color:var(--secondary);background-color:rgb(0 102 204 / .1)}.nav-menu ul{display:flex;list-style:none;gap:25px;align-items:center}.nav-menu a{text-decoration:none;color:var(--text);font-weight:400;font-size:.9rem;background:none;border:none;cursor:pointer;padding:2px 0;transition:color 0.3s ease}.nav-menu a:hover{color:var(--primary)}.mega-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white-ice);z-index:1000;padding:10px 0;box-shadow:0 8px 20px rgb(0 0 0 / .1);animation:fadeIn 0.3s ease-out forwards}.mega-menu.active{display:block}.mega-inner{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:auto;gap:30px;padding:0 var(--gutter);max-width:100%;margin:0 auto}.mega-column{text-align:left}.mega-column h4{font-size:.8rem;margin-bottom:4px;color:var(--title)}.mega-menu a{font-size:.7rem;color:var(--primary)}.mega-menu .dot{font-size:14px;margin:0 4px}.inline-list{display:flex;flex-wrap:wrap}@media (max-width:768px){.header-inner{flex-wrap:wrap;padding:10px 15px}.logo{order:1;flex:0 0 auto}.nav-menu{order:2;flex:0 0 auto;margin-left:auto}.search-container{order:3;width:100%;max-width:100%;margin:10px 0 0 0;flex:0 0 100%}.nav-menu ul{gap:15px}}.header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;margin-top:24px}.view-switcher{display:flex;gap:10px}.view-container{display:none}body.view-ready .view-container{display:block}.icon-btn{width:42px;height:42px;border-radius:50%;background-color:#f0f0f0;border:none;padding:8px;cursor:pointer;transition:background-color 0.2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#e0e0e0}.icon-btn img{width:20px;height:20px;object-fit:contain}.icon-btn.active{background-color:var(--primary)}.icon-btn.active img{filter:brightness(0) invert(1)}.slider-wrapper{overflow:hidden;width:100%;margin-bottom:30px;position:relative}.slider-track{display:flex;will-change:transform;opacity:0}.slider-track.initialized{opacity:1;transition:opacity 0.3s ease}.slider-track img{width:auto;max-width:none;height:auto;margin-right:var(--gutter,10px);border-radius:6px;cursor:pointer;flex-shrink:0;object-fit:cover;transition:transform 0.3s ease;visibility:hidden}.slider-track.initialized img{visibility:visible}.btn-group{display:flex;justify-content:center;gap:var(--gutter);margin:20px 0 40px}.btn-group button{padding:12px 24px;background-color:var(--primary);color:var(--white);border:none;border-radius:25px;cursor:pointer;font-size:.9rem;transition:all 0.3s ease;animation:fadeIn 0.8s ease-out 0.4s both;position:relative;overflow:hidden;font-weight:600}.btn-group button:nth-child(2){background-color:var(--secondary)}.btn-group button:hover{background-color:var(--hover);transform:translateY(-2px)}.fs-download:disabled{background:#ccc;cursor:not-allowed}.download-timer{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .7);color:#fff;display:none;align-items:center;justify-content:center}.fs-download.active .download-timer{display:flex}.content{margin-bottom:40px;animation:fadeIn 0.8s ease-out 0.6s both}.content p{line-height:1.6;margin-bottom:10px}.content a{color:#00a6ff}.content ul,.content ol{padding-left:20px}.gallery{margin-bottom:40px;animation:fadeIn 0.8s ease-out 0.8s both}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--gutter);margin-top:20px}.gallery-grid img{width:100%;height:200px;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform 0.3s ease}.gallery-grid img:hover{transform:scale(1.03)}.categories{margin-bottom:40px;animation:fadeIn 0.8s ease-out 1s both}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tag{background:#e0e0e0;padding:8px 16px;border-radius:20px;font-size:.8rem;transition:all 0.3s ease;cursor:default}.tag:hover{background:var(--accent);color:#fff}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.lightbox.active{opacity:1;pointer-events:all}.lightbox img{max-width:90%;max-height:90%;border-radius:6px}.close{position:absolute;top:30px;right:30px;color:#fff;font-size:35px;font-weight:400;cursor:pointer;transition:color 0.3s ease}.close:hover{color:var(--accent)}.category-grid,.font-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 15px;margin-bottom:40px}.category-grid a,.font-grid a{text-align:center;text-decoration:none;color:var(--text);position:relative;overflow:hidden;transition:transform 0.3s ease}.category-grid .image-container,.font-grid .image-container{border-radius:6px;overflow:hidden}.category-grid img,.font-grid img{width:100%;object-fit:cover;aspect-ratio:3 / 2;border-radius:6px}.category-grid a:hover img,.font-grid a:hover img{transform:scale(1.03);transition:transform 0.3s ease;border-radius:6px}.category-grid h3,.font-grid h3{margin:8px 0 0 0;font-size:1rem;text-transform:capitalize;text-align:left;padding-left:4px}.image-container{position:relative}.post-count-badge{position:absolute;top:10px;right:10px;background-color:var(--primary);color:var(--white);border-radius:50%;min-width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;transition:all 0.3s ease;box-sizing:border-box;z-index:1}.post-count-badge::before{content:attr(data-count);display:flex;align-items:center;justify-content:center;width:100%;transition:all 0.3s ease}.post-count-badge::after{content:attr(data-label);opacity:0;width:0;transition:all 0.3s ease}.grid-item:hover .post-count-badge{border-radius:12px;padding:0 8px}.grid-item:hover .post-count-badge::before{margin-right:4px}.grid-item:hover .post-count-badge::after{opacity:1;width:auto}@media (max-width:1024px){.mega-inner{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){h1{font-size:1.4rem}h2{font-size:1.1rem}.btn-group{flex-direction:column}.btn-group button{width:100%}.slider-track img{width:400px;height:266px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.header-inner{flex-wrap:wrap;gap:10px}.nav-menu ul{flex-wrap:wrap;gap:15px}.mega-inner{grid-template-columns:repeat(2,1fr)}.category-grid,.font-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.slider-track img{width:300px;height:200px}.font-tester{justify-content:center}.category-grid,.font-grid{grid-template-columns:repeat(1,1fr)}}.site-footer{background:#0A1A24;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;text-align:center;gap:20px}.footer-left,.footer-center,.footer-right{flex:1 1 100%;display:flex;justify-content:center;align-items:center;color:#B0C4D0}.footer-logo{max-height:30px}.footer-right{gap:12px}.footer-right img{width:18px;height:18px;object-fit:contain;transition:transform 0.3s ease}.footer-right img:hover{transform:scale(1.1)}@media (min-width:769px){.footer-left,.footer-center,.footer-right{flex:1 1 0%}.footer-inner{flex-wrap:nowrap}.footer-left{justify-content:flex-start}.footer-center{justify-content:center}.footer-right{justify-content:flex-end}}.font-demos{box-sizing:border-box;margin:20px auto}.font-demos *{box-sizing:border-box}.font-tester{background:#f8f8f8;border-radius:4px;padding:10px 15px;display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.toolbar-group{display:flex;align-items:center;gap:10px}.set-text-preview{background:var(--white);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:14px;padding:10px;width:280px}.toolbar-divider{background-color:var(--border);width:1px;height:40px}.toolbar-btn{cursor:pointer;font-size:14px;font-weight:600;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#fff;border:1px solid var(--border)}.toolbar-btn:hover{background:#f8f8f8}.toolbar-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.slider-container{display:flex;align-items:center;gap:10px;width:220px}.custom-slider{width:100%;appearance:none;height:4px;background:#eaeaea;border-radius:2px;outline:none}.custom-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);border:2px solid var(--primary);cursor:pointer}.custom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary);border:2px solid var(--primary);cursor:pointer}.reset-all-btn{cursor:pointer;color:#888;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff0;border:none;padding:0}.reset-all-btn:hover{color:#333}.reset-all-btn:after{content:"↺"}.colorPickers{height:27px;position:relative;width:27px}.colorPickers .swatch{border:1px solid #888;cursor:pointer;height:16px;position:absolute;width:16px}.colorPickers #fgSwatch{left:0;top:0}.colorPickers #bgSwatch{bottom:0;right:0}.colorPickers .swatchController{cursor:pointer;height:10px;position:absolute;width:10px}.colorPickers #switchPickers{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9kKGwgBH65NQnQAAAB/SURBVBjTY9w/RZ+BgYGBoXWD6P/qgNeMDEjAMecinM0CU4QuATMABhhdXFz+M2ABe/bsQTGdcf8UfbiJMEmY5j179jDCTGbCphtZg7mfPUIhNsXoHmPB5nBsAEXX/in6DOZ+9gx+SdcwPMiETfemeVoYbsYwERm0bhD9D/M5ACrpOEM2jmxfAAAAAElFTkSuQmCC);right:0;top:0}.colorPickers #resetPickers{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9kKGhApM2tBFZAAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAASElEQVQY052PQQ7AIAgEwfjW+dPyWXrRpNVqTecEC2EXB9IWRIT3ujZhWgIefbFD6m54j7W9KMkk/bAeg38C5BtAHlv76suRC7sOKI+EAolDAAAAAElFTkSuQmCC);bottom:0;left:0}.color-input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.font-item-link{display:block;text-decoration:none;color:inherit}.font-entry,.font-item-link{margin-bottom:0;border-bottom:1px dashed var(--border)}.font-entry:last-child,.font-item-link:last-child{border-bottom:none}.font-title{padding:10px 15px;font-weight:700;font-size:14px;color:var(--text)}.font-entry-head{height:110px;position:relative;background:var(--white)}.font-display{display:flex;align-items:center;font-size:50px;padding:0 15px;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}.missing-font{padding:10px 15px}.font-hover-image{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:150px;height:100px;background-color:#f0f0f0;border-radius:4px;display:none;z-index:10;box-shadow:0 2px 10px rgb(0 0 0 / .1);background-size:contain;background-position:center;background-repeat:no-repeat}.font-entry:hover .font-hover-image{display:block}.pagination{display:flex;justify-content:center;align-items:center;margin:40px 0 60px;gap:4px}.pagination .page-numbers{display:flex;list-style:none;padding:0;margin:0;gap:4px}.pagination a,.pagination span{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;text-decoration:none;font-size:12px;font-weight:700}.pagination a{background-color:var(--white-ice);color:var(--text)}.pagination span.current{background-color:var(--primary);color:var(--white)}.pagination .prev,.pagination .next{display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none}.pagination .prev:after,.pagination .next:after{content:none}.pagination .dots{background-color:transparent!important;width:auto;height:auto;line-height:30px}