@font-face{font-family:concluded;src:url(../media/the_global_use.6af4a045.ttf)}@font-face{font-family:sdel;src:url(../media/SanDiego-ExtraLight.65e0a470.ttf)}@font-face{font-family:sdl;src:url(../media/SanDiego-Light.e2b97aab.ttf)}@font-face{font-family:sdeb;src:url(../media/SanDiego-ExtraBold.79566a15.ttf)}@font-face{font-family:sdm;src:url(../media/SanDiego-Medium.c7b537b9.ttf)}@font-face{font-family:sdb;src:url(../media/SanDiego-Bold.36e82306.ttf)}body,html{background:#040404;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{overflow-x:hidden}.index-module_type__E-SaG:after{content:"I";color:#777;font-weight:300;animation:1.1s step-start infinite index-module_cursor__PQg0P}h1,h2,h3,h4,h5{margin:0;padding:0}.swiper{width:100%;padding-top:50px;padding-bottom:50px}.swiper-slide{background-position:50%;background-size:cover;width:40vw;height:auto}.swiper-slide img{width:100%;display:block}.swiper-pagination-bullet{background-color:#2f9cda}@media screen and (max-width:768px){body,html{overflow-x:hidden}}
:root{--blog-surface:#1f2629;--blog-surface-2:#354045;--blog-text:#fff;--blog-muted:#a8b4b9;--blog-accent:#56a0ef;--blog-radius:.5rem;--blog-radius-lg:.75rem;--blog-transition:.35s ease}a{text-decoration:none}#blog{justify-content:center;align-items:center;width:100%;height:auto;display:flex}.blog-container{flex-wrap:wrap;width:80%;display:flex}.title{color:var(--blog-text);font-family:Montserrat,sans-serif;font-size:clamp(1.25rem,2vw,2rem)}.blogs{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:80%;min-height:100vh;margin:0 auto;padding:5vw 0;display:flex}.blog-box{border-radius:var(--blog-radius-lg);background-color:var(--blog-surface);width:clamp(220px,22vw,340px);transition:transform var(--blog-transition),box-shadow var(--blog-transition);flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.blog-box:hover{transform:translateY(-4px)}.blog-box:hover .blog-img img{scale:1.05}.blog-type{z-index:1;color:#111;background-color:#cdcdcd;border-top-right-radius:1rem;border-bottom-right-radius:1rem;padding:2px 1rem;font-family:Montserrat,sans-serif;font-size:.75rem;position:absolute;top:1.25rem;left:0}.blog-img{aspect-ratio:16/10;width:100%;overflow:hidden}.blog-img img{object-fit:cover;width:100%;height:100%;transition:scale var(--blog-transition);display:block}.blog-body{flex-direction:column;gap:.75rem;padding:.875rem 1rem 1rem;display:flex}.blog-name{color:var(--blog-text);margin:0;font-size:clamp(.9rem,1.8vw,1.25rem);font-weight:500;line-height:1.4}.blog-date{color:var(--blog-muted);margin:0;font-size:clamp(.7rem,.9vw,.85rem)}.blog-btn{border:1px solid var(--blog-muted);color:var(--blog-text);cursor:pointer;transition:background var(--blog-transition),color var(--blog-transition);background:0 0;border-radius:2rem;justify-content:center;align-items:center;padding:.4rem 1.25rem;font-family:Montserrat,sans-serif;font-size:.8rem;display:inline-flex}.blog-btn:hover{background:var(--blog-muted);color:#111}#blog-page{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.blog-top{flex-direction:column;gap:.75rem;width:80%;margin-top:5vw;padding:3rem 0 1.5rem;display:flex}.blog-top p{color:#000;background:linear-gradient(45deg,#2f9cda,#64c2f1,#0097e2);border-radius:2vw;width:fit-content;margin:0;padding:.35rem 1rem;font-size:.875rem;display:inline-block}.blog-image{justify-content:center;align-items:center;width:100%;min-height:220px;max-height:32vw;display:flex;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;display:block}.blog-page-container{align-items:flex-start;gap:1.5rem;width:80%;padding-bottom:5rem;display:flex}.blog-cont{color:var(--blog-text);flex-direction:column;flex:2;min-width:0;display:flex}.blog-content{margin-top:2rem}#blog-page h1{color:var(--blog-text);text-transform:uppercase;margin:0 0 .25rem;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.15}#blog-page h2{color:var(--blog-text);margin:2rem 0 .75rem;font-size:clamp(1.25rem,2vw,1.75rem)}#blog-page h2 a{color:var(--blog-accent);text-decoration:underline}#blog-page h3{color:var(--blog-text);margin:1.5rem 0 .5rem;font-size:clamp(1.1rem,1.6vw,1.4rem)}#blog-page h3 a{color:var(--blog-accent);text-decoration:underline}#blog-page p,.para{color:#dde3e6;margin:0 0 1.25rem;font-family:Figtree,sans-serif;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.85}#blog-page p a{color:var(--blog-accent);font-weight:700;text-decoration:underline}#blog-page ul{color:#dde3e6;flex-direction:column;gap:.75rem;margin:0 0 1.25rem;padding-left:1.25rem;font-family:Figtree,sans-serif;font-size:clamp(1rem,1.2vw,1.1rem);display:flex}.categories-wrapper{flex:none;width:clamp(220px,28vw,380px)}#categories{background-color:var(--blog-surface);border-radius:var(--blog-radius-lg);flex-direction:column;align-items:center;gap:.75rem;padding:.75rem;display:flex;overflow:hidden}.categories-container{scrollbar-width:none;flex-direction:column;gap:.75rem;width:100%;min-height:100px;max-height:30vw;display:flex;overflow-y:scroll}.categories-container::-webkit-scrollbar{width:0}.category-box{border-radius:var(--blog-radius);background-color:var(--blog-surface-2);transition:background var(--blog-transition);align-items:center;gap:.75rem;padding:.5rem;display:flex}.category-box:hover{background-color:#3f4d54}.category-img{border-radius:var(--blog-radius);flex-shrink:0;width:clamp(52px,7vw,80px);height:clamp(52px,7vw,80px);overflow:hidden}.category-img img{object-fit:cover;width:100%;height:100%;display:block}.cat-details{flex-direction:column;gap:.25rem;min-width:0;display:flex}.category-name{color:var(--blog-text);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.85rem,1.1vw,1rem);font-weight:500;overflow:hidden}.category-link{color:var(--blog-muted);font-family:Figtree,sans-serif;font-size:.8rem;text-decoration:none}.category-link:hover{color:var(--blog-accent)}@media (max-width:1024px){.blog-page-container{flex-direction:column;width:90%}.categories-wrapper{display:none}.blog-top{width:90%}.blog-image,.categories-container{max-height:none}}@media (max-width:600px){.blogs{gap:1rem;min-height:auto}.blog-box{width:clamp(140px,42vw,220px)}.blog-top p{padding:.5rem .875rem;font-size:1rem}}
