body{box-sizing:border-box;color:#fff;background-color:#212529;margin:0;padding:0}.main-title h1{margin-left:20px;margin-right:20px;font-family:Permanent Marker,coursive;font-size:5rem}.role-text{transition:opacity .5s}.role-visible{opacity:1}.role-hidden{opacity:0}.me-info{width:400px;max-width:100%}.me-info h2{background-color:#0d6efd;border-radius:10px;justify-content:center;align-items:center;height:50px;display:flex}.me-info p{text-align:left}.about-info{width:400px;max-width:100%}.about-info p{text-align:right}.about-info button{width:250px;height:auto}.main-title h1{font-size:clamp(2rem,6vw,5rem)}.greyText{color:#a5a3a3}@media (width<=992px){.me-info,.about-info{align-items:center;width:80%}.about-info p,.about-info{text-align:center}.about-info button{margin:0 auto;display:block}.main-title{order:-1}}.navbar-elements{margin-left:40px;margin-right:40px;padding:10px;font-weight:700}.navbar{z-index:1000;top:0;left:0;right:0;background-color:#000!important;position:fixed!important}.nav-link{color:#fff!important;opacity:1!important}.nav-link:hover{color:#ccc!important}.marquee-container{flex-direction:column;gap:.5rem;width:110vw;margin-top:7rem;margin-bottom:2rem;padding:1rem 0;display:flex;position:relative;left:-5vw;overflow:hidden;transform:rotate(-4deg)}.marquee-wrapper{white-space:nowrap;width:100%;padding:0;overflow:hidden}.marquee-track{align-items:center;animation:30s linear infinite marquee;display:inline-flex}.marquee-reverse{animation:30s linear infinite marquee-reverse}.marquee-word{letter-spacing:.1em;color:#fff;padding:0 1rem;font-family:League Spartan,sans-serif;font-size:3rem;font-weight:700}.marquee-outline{color:#0000;-webkit-text-stroke:2px white}.marquee-dot{color:#fff;justify-content:center;align-items:center;font-size:3rem;line-height:1;display:inline-flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes marquee-reverse{0%{transform:translate(-33.33%)}to{transform:translate(0)}}.about-div{margin-left:100px;margin-right:100px;padding-top:6rem}.about-div p{text-align:center;font-size:clamp(2rem,6vw,3rem);font-weight:700}.about-div h4{color:#0d6efd}@media (width<=992px){.about-div p{text-align:justify;width:300px;font-size:1.5rem}}.tech-marquee-container{width:100%;margin-top:4rem;padding:2rem 0;overflow:hidden}.tech-marquee-track{white-space:nowrap;align-items:center;gap:3rem;animation:20s linear infinite tech-scroll;display:inline-flex}.tech-item{flex-direction:column;align-items:center;gap:.5rem;min-width:80px;display:flex}.tech-item img{object-fit:contain;filter:brightness(0)invert();width:50px;height:50px}.tech-item span{color:#a5a3a3;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}@keyframes tech-scroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@media (width<=768px){.tech-marquee-track{gap:1rem}}html,body{box-sizing:border-box;background-color:#000;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.div-specs{max-width:1200px;margin-left:auto;margin-right:auto;padding:6rem 2rem}.div-specs h4{color:#0d6efd;letter-spacing:.15em;text-transform:uppercase;font-size:.85rem}.div-specs h1{margin:0}.specs-content{flex-direction:row;justify-content:space-between;align-items:center;gap:3rem;margin-top:1rem;display:flex}.specs-list{flex-direction:column;gap:.5rem;display:flex}.spec-item{cursor:pointer;color:#a5a3a3;margin:0;font-size:2rem;font-weight:700;transition:color .3s}.spec-item:hover,.spec-active{color:#fff}.spec-block{flex-direction:column;display:flex}.spec-description{color:#a5a3a3;text-align:justify;opacity:0;max-width:350px;max-height:0;margin:0;font-size:.9rem;transition:max-height .4s,opacity .4s;overflow:hidden}.spec-description-visible{opacity:1;max-height:100px}.specs-image{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;transform:translate(-20px)}.specs-image-visible{opacity:1;pointer-events:all;transform:translate(0)}.specs-image img{object-fit:cover;border-radius:12px;width:500px;height:300px}@media (width<=768px){.div-specs{margin-left:10px;margin-right:10px;padding:3rem 1rem 1px}.spec-item{font-size:1.5rem}.specs-content{flex-direction:column;align-items:center}.specs-image{width:100%}.specs-image img{width:100%;height:200px}}.work-specs{max-width:1200px;margin-left:auto;margin-right:auto;padding:7rem 2rem 0}.work-header{margin-bottom:2.5rem}.work-header h4{color:#0d6efd;letter-spacing:.15em;text-transform:uppercase;font-size:.85rem}.work-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.work-card{background-color:#111;border:1px solid #222;border-radius:12px;transition:transform .3s,border-color .3s;overflow:hidden}.work-card:hover{border-color:#444;transform:translateY(-4px)}.work-card-img{width:100%;height:300px;overflow:hidden}.work-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.work-card:hover .work-card-img img{transform:scale(1.05)}.work-card-footer{justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.work-card-info h5{color:#fff;margin:0;font-size:1rem;font-weight:700}.work-status{font-size:.8rem;font-weight:500}.work-card-links{gap:.6rem;display:flex}.work-btn{background-color:#222;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background-color .2s;display:flex}.work-btn:hover{background-color:#444}.moreprj-btn{color:#fff;background-color:#000;border:1px solid #222;border-radius:50px;justify-content:center;align-items:center;width:250px;height:50px;margin:4rem auto;text-decoration:none;transition:background-color .2s;display:flex}.moreprj-btn img{margin-right:10px}.moreprj-btn:hover{background-color:#222}@media (width<=768px){.work-grid{grid-template-columns:1fr}.work-specs{margin-left:10px;margin-right:10px;padding-top:4rem}}footer{background-color:#0a0a0a;flex-direction:column;justify-content:space-between;min-height:90vh;padding:0 3rem 2rem;display:flex}.footer-cta{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin:0 auto;padding:6rem 1rem;display:flex}.footer-badge{color:#ccc;border:1px solid #333;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem 1rem;font-size:.85rem;display:inline-flex}.footer-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.footer-heading{color:#fff;margin:0;font-size:clamp(1.5rem,6vw,3rem);font-weight:700;line-height:1.15}.footer-btn{color:#fff;border:1px solid #555;border-radius:999px;padding:.7rem 2rem;font-size:.95rem;text-decoration:none;transition:background-color .3s,border-color .3s;display:inline-block}.footer-btn:hover{color:#000;background-color:#fff;border-color:#fff}.footer-bottom{color:#a5a3a3;border-top:1px solid #222;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.85rem;display:flex}.socials{align-items:center;gap:1.2rem;display:flex}.socials img{filter:brightness(0)invert();width:20px;height:20px;transition:opacity .3s}.socials a:hover img{opacity:.5}@media (width<=576px){footer{padding:0 1.5rem 2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}