@import "https://fonts.googleapis.com/css2?family=Roboto:wght@200;700;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:silver;background-color:#121212;flex-direction:column;min-height:100vh;font-family:Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;width:100vw;height:100vh;position:fixed;top:0;left:0}#bg-canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.container{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1600px;margin:0 auto;padding:30px 40px 60px;display:flex;position:relative}.header{justify-content:space-between;align-items:center;margin-bottom:140px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.logo{object-fit:cover;width:25px;height:25px}.business-name{color:silver;font-size:16px;font-weight:900}.nav{align-items:center;gap:20px;display:flex}.nav-link,.roll-btn{color:silver;vertical-align:middle;height:20px;font-size:16px;font-weight:900;line-height:20px;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.nav-link span,.roll-btn span{justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:after{content:attr(data-text);color:#fff;width:100%;transition:transform .18s cubic-bezier(.4,0,.2,1);display:inline-block;position:absolute;top:100%;left:0}.roll-btn .roll-hover{color:#fff;width:100%;position:absolute;top:100%;left:0}.nav-link:hover span,.discord-button:hover .roll-btn span,.hero-btn:hover .roll-btn span,.more-button:hover .roll-btn span,.nav-link:hover:after{transform:translateY(-100%)}.discord-button{color:silver;border-radius:10px;align-items:center;gap:8px;font-size:16px;font-weight:900;text-decoration:none;transition:opacity .2s,color .2s;display:flex}.discord-icon{color:silver;font-size:20px;transition:color .2s}.discord-button:hover .discord-icon{color:#5865f2}.hero-section{justify-content:space-between;align-items:center;gap:40px;margin-bottom:200px;display:flex;position:relative}.hero-content{flex:1;max-width:700px}.hero-image-container{flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}.hero-character{object-fit:contain;filter:drop-shadow(0 0 35px #ffffff14);max-width:110%;height:auto;max-height:520px;transition:transform .3s;position:absolute;top:-200px;left:50px}.hero-character:hover{transform:scale(1.02)}.main-title{color:#fff;letter-spacing:-.5px;margin-bottom:15px;font-size:42px;font-weight:900}.main-description{color:#ffffff8c;max-width:600px;margin-bottom:35px;font-size:17px;font-weight:200;line-height:1.5}.hero-cards{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.card{-webkit-backdrop-filter:blur(12px);background:#232323a6;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:flex-start;padding:18px 22px;display:flex;position:relative;overflow:hidden!important}.card-medium{width:320px;min-height:100px}.card-small{width:260px;min-height:60px}.card-large{justify-content:flex-start;width:100%;min-height:100px}.card-title{color:#fff;z-index:2;align-items:center;margin-bottom:6px;font-size:15px;font-weight:900;display:flex;position:relative}.card-icon{color:#ffffffb3;margin-right:8px}.btn-icon{margin-left:6px;font-size:14px}.card-text{color:#ffffff80;z-index:2;font-size:13.5px;font-weight:200;line-height:1.4;position:relative}.hero-btn,.more-button{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#232323a6;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.more-button{width:250px;height:60px}.review-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.review-user{align-items:center;gap:10px;display:flex}.review-avatar{object-fit:cover;border:1px solid #ffffff26;border-radius:50%;width:32px;height:32px}.review-stars{color:#f59e0b;gap:3px;font-size:13px;display:flex}.shimmer{position:relative;overflow:hidden!important}.shimmer:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);width:60%;height:100%;animation:4s ease-in-out infinite continuousShimmer;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes continuousShimmer{0%{left:-100%}35%,to{left:200%}}.reviews-section,.services-section{text-align:center;margin-bottom:80px}.section-title{color:#fff;margin-bottom:10px;font-size:40px;font-weight:900}.section-description{color:#ffffff8c;max-width:520px;margin:0 auto 50px;font-size:17px;font-weight:200;line-height:1.4}.services-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.services-grid .card-service:nth-child(4){grid-column:2}.reviews-grid{text-align:left;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.reviews-grid .card{width:320px;min-height:140px}.card-service{min-height:150px}.more-button-container{justify-content:center;display:flex}.footer{justify-content:center;margin-top:auto;padding-top:40px;display:flex}.footer-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff9;background:#232323a6;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;transition:all .25s;display:inline-flex}.footer-badge:hover{background:#2d2d2dcc;border-color:#fff3;transform:translateY(-2px)}.heart{color:#e11d48;margin:0 2px;animation:1.2s ease-in-out infinite heartBeat;display:inline-block}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.25)}70%{transform:scale(1)}}.author-name{color:#fff;letter-spacing:.5px;font-weight:900}.media-container{cursor:pointer;box-sizing:border-box;background-color:#0000;background-image:radial-gradient(circle,#ffffff0d 0%,#141414d9 100%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:100% 100%,20px 20px,20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:16px;padding:16px;transition:border-color .3s,box-shadow .3s,background .3s;display:flex;position:relative;overflow:hidden}.media-container:hover{background-color:#1e1e1ee6}.portfolio-media{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1),filter .35s;display:block}.media-container:hover .portfolio-media{transform:scale(1.05)}.zoom-hint{color:#ffffffb3;pointer-events:none;background:#191919bf;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .25s;display:flex;position:absolute;top:10px;right:10px}.media-container:hover .zoom-hint{color:#fff;background:#ffffff26;transform:scale(1.08)}.modal{z-index:9999;-webkit-backdrop-filter:blur(12px);opacity:0;background-color:#0a0a0ae0;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.modal.show{opacity:1;display:flex}.modal-content-wrapper{flex-direction:column;align-items:center;max-width:85%;max-height:85vh;display:flex;position:relative}.modal-content{object-fit:contain;background:#191919cc;border:1px solid #ffffff26;border-radius:12px;max-width:100%;max-height:75vh;box-shadow:0 20px 50px #000000e6}.close-modal{color:#ffffffb3;cursor:pointer;font-size:30px;font-weight:300;transition:color .2s,transform .2s;position:absolute;top:-40px;right:0}.close-modal:hover{color:#fff;transform:scale(1.15)}.modal-caption{color:#fff;text-align:center;letter-spacing:.5px;margin-top:14px;font-size:16px;font-weight:700}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.services-grid .card-service:nth-child(4){grid-column:auto}}@media (max-width:900px){.hero-section{flex-direction:column}.hero-image-container{display:none}}@media (max-width:768px){.header{flex-direction:column;gap:20px;margin-bottom:50px}.nav{gap:15px}.services-grid{grid-template-columns:1fr}.reviews-grid .card,.card-medium,.card-small{width:100%}}