@font-face{font-family:'Rolling Bold';src:url('/assets/fonts/Rolling Bold.woff2') format('woff2');font-weight:normal;font-style:normal}.content{justify-content:center;align-items:center}.search-box{max-width:1200px;min-height:500px;align-self:center;justify-self:center;position:relative;overflow:hidden;display:inline-block;user-select:none}.search-box .banner{display:flex;justify-content:center;align-items:center;overflow:hidden}.search-box .banner img{max-width:100%;max-height:100%;min-width:1000px;min-height:500px;border-radius:10px;border:1px solid #222}.search-box .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(15,15,15,0.8);color:white;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.search-box .overlay .head{display:flex;flex-direction:column;gap:20px}.search-box .overlay .head h1{font-family:'Rolling Bold';font-size:64px;letter-spacing:2px}.search-box .overlay .head i{font-size:15px;text-align:center}.search-box .overlay .head img{width:100%;border-radius:10px;display:block}.search-box .overlay .head div{display:flex;justify-content:center;align-items:center;gap:40px}.search-box .overlay .head img{width:64px;height:64px}.search-box .overlay form{margin-top:20px;display:flex;justify-content:center;transition:transform .2s}.search-box .overlay form:hover{transform:scale(1.05)}.search-box .overlay form input[type="text"]{width:400px;padding:10px;outline:0;border:0;border-radius:5px 0 0 5px}.search-box .overlay form button{width:100px;flex-shrink:0;padding:10px 20px;color:white;background-color:#4187b9;border:0;border-radius:0 5px 5px 0;outline:0;cursor:pointer}@media(max-width:1200px){.search-box .banner img{border-radius:0}.search-box .overlay{width:100%;height:100%;border-radius:0}}@media(max-width:650px){.search-box .overlay form input[type="text"]{width:300px}}@media(max-width:550px){.search-box .overlay .head div{flex-direction:column}.search-box .overlay .head img{width:96px;height:96px}.search-box .overlay .head h1{font-size:48px}.search-box .overlay form input[type="text"]{width:200px}}.tool-box{margin-top:100px;max-width:1300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.tool-box .description{width:60%;display:flex;flex-direction:column;gap:15px}.tool-box .container{width:100%;margin-top:50px;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(45%,1fr));gap:20px}.tool-box .container .item{width:100%;max-width:600px;background-color:#1f1f1f;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.4);padding:30px;transition:transform .3s ease-in-out;color:white;text-decoration:none;cursor:pointer;user-select:none;display:flex;flex-direction:column;justify-self:center;gap:20px}.tool-box .container .item:hover{transform:translateY(-10px)}.tool-box .container .item .head{display:flex;align-items:center;gap:30px}.tool-box .container .item .head h3{font-size:24px}.tool-box .container .item .body{display:flex}.tool-box .container .item .body p{font-size:14px}.tool-box .container .item.alone{margin-left:100%}@media(max-width:1000px){.tool-box .description{width:80%}.tool-box .container{grid-template-columns:repeat(auto-fill,minmax(95%,1fr))}.tool-box .container .item.empty{display:none}}@media(max-width:500px){.tool-box .container .item .head h3{font-size:20px}}.info{margin-top:80px;max-width:1300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.info .description{width:60%;display:flex;flex-direction:column;gap:15px}.info .container{width:100%;max-width:1200px;margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.info .container .item{max-width:900px;width:90%;height:220px;background-color:#333;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.4);transition:transform .3s ease-in-out;user-select:none;display:flex}.info .container .item:hover{transform:translateY(-10px)}.info .container .item.point-left{flex-direction:row-reverse}.info .container .item.point-right{flex-direction:row}.info .container .item .head{padding:20px;display:flex;flex-direction:column;gap:20px}.info .container .item .head h3{font-size:24px}.info .container .item .head p{font-size:14px}.info .container .item .body{display:flex}.info .container .item.point-left .body img{border-radius:10px;mask-image:linear-gradient(to left,transparent,white)}.info .container .item.point-right .body img{border-radius:10px;mask-image:linear-gradient(to right,transparent,white)}@media(max-width:1000px){.info .description{width:80%}}@media(max-width:950px){.info .container .item .head h3{font-size:18px}.info .container .item .head p{font-size:13px}}@media(max-width:850px){.info .container .item,.info .container .item.point-left,.info .container .item.point-right{max-height:500px;height:auto;flex-direction:column-reverse;justify-content:space-between;overflow:hidden}.info .container .item.point-left .body img,.info .container .item.point-right .body img{width:100%;height:auto;border-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;mask-image:linear-gradient(to top,transparent,white)}}