*{box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#212428;color:#fff;overflow-x:hidden!important;max-width:100%}h1{font-size:45px;font-weight:600;font-family:Outfit,sans-serif;line-height:53px;text-align:center}p{font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:21px;color:#f5f5f5;text-align:center}h3{font-family:Poppins,sans-serif;font-weight:600;font-size:18px;line-height:20px;margin-bottom:20px;text-align:center}.website-title{line-height:18px;margin-bottom:10px}h2{font-family:Outfit,sans-serif;font-weight:600;font-size:56px;line-height:62px;text-align:center}.lets-talk-text{font-family:Outfit,sans-serif;font-weight:600;font-size:82px;line-height:90px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#ffffffb9;stroke:#ffffff6b;color:#fff0;margin-bottom:-20px}@media only screen and (max-width: 1024px){h1{font-size:40px;line-height:1.1em}p{font-size:15px;line-height:1.3em}h2{font-size:48px;line-height:1.1em}.lets-talk-text{font-size:56px;line-height:62px}}@media only screen and (max-width: 767px){h1{font-size:25px;line-height:1.2em}p{font-size:15px;line-height:1.3em}h2{font-size:40px;line-height:1.1em}.lets-talk-text{font-size:40px;line-height:44px}}#main-block{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.content-block{display:flex;flex-direction:column;width:55%;margin:0 auto;justify-content:flex-start;align-items:center;padding:20px}#logo{width:150px;object-fit:contain;transition:.3s;cursor:pointer}#logo:hover{filter:drop-shadow(0px 0px 10px rgba(255,255,255,.8));transform:scale(1.1)}#banner-block{width:100%;padding:100px 20px 20px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:url(/banner-bg.webp);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}#banner-block h2,#banner-block p,#banner-block a,.lets-talk-text{z-index:2;max-width:70%}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#181124cc;z-index:0}.websites-block{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;justify-content:center;width:100%;padding:50px 0}.website-card{background-color:#1e2024;box-shadow:0 0 10px #fff3;border-radius:15px;transition:.3s;cursor:pointer;box-sizing:border-box;height:350px;padding:10px 10px 5px;display:flex;justify-content:center;align-items:center;flex-direction:column}.website-card:hover{transform:scale(1.05);box-shadow:0 0 10px #fffc}a{all:unset}@media only screen and (max-width: 1450px){.content-block{width:75%}}@media only screen and (max-width: 1600px){.content-block{width:70%}}@media only screen and (max-width: 1300px){.content-block{width:75%}}@media only screen and (max-width: 1150px){.content-block{width:85%}}@media only screen and (max-width: 1024px){.content-block{width:90%;padding:20px}#logo{width:130px}#banner-block h2,#banner-block p,#banner-block a,.lets-talk-text{z-index:2;max-width:80%}.websites-block{grid-template-columns:repeat(2,1fr)}.website-card{height:450px}}@media only screen and (max-width: 767px){.content-block{width:90%;padding:20px}#logo{width:100px}#banner-block h2,#banner-block p,#banner-block a,.lets-talk-text{z-index:2;max-width:100%}#banner-block{padding:50px 20px 20px}.websites-block{grid-template-columns:repeat(1,1fr)}.website-card{height:450px}}@media only screen and (max-width: 450px){.content-block{width:100%}}.scroll-container{width:100%;height:100%;overflow-y:scroll;text-decoration:none;cursor:grab;border-radius:7px}.scroll-container img{width:100%;display:block;border-radius:7px}.scroll-container::-webkit-scrollbar{width:0px;background:transparent}.scroll-container{-ms-overflow-style:none;scrollbar-width:none}.scroll-indicator{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#0054fe;border-radius:50%;opacity:.8;box-shadow:0 4px 15px #0003;display:flex;align-items:center;justify-content:center;pointer-events:none;display:none;padding:10px}.scroll-indicator img{width:100%;height:100%;border-radius:50%}.preview-data{width:100%;height:100%;position:fixed;overflow:hidden;top:0;left:0;background-color:#1e2024;display:flex;justify-content:center;align-items:center;z-index:999}.browser-preview{width:90%;height:90%;border-width:2px;border-style:none;border-color:#009bff;border-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 0 8px 2px #fffc}.browser-preview iframe{border-bottom-right-radius:25px;border-bottom-left-radius:25px;-ms-overflow-style:none;scrollbar-width:none}.loading-spinner,.failed-load-block{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}button{background:linear-gradient(to right,#005eff,#00c9ff);color:#fff;border:none;font-family:Poppins,sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;cursor:pointer;padding:15px 25px;border-radius:25px;transition:.3s}button:hover{background:linear-gradient(to left,#005eff,#00c9ff);box-shadow:0 0 8px 2px #fffc}.close-icon{width:40px;object-fit:contain;cursor:pointer;transition:.3s}.close-icon:hover{filter:drop-shadow(0px 0px 10px rgba(255,255,255,.8));transform:scale(1.05)}.browser-top-bar{width:100%;height:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px}.web-title{font-size:20px;font-weight:600;width:20%;text-align:left}.icon-box{width:20%;display:flex;justify-content:flex-end}.web-url{width:50%;text-align:center;font-weight:600;cursor:pointer}