@charset "UTF-8";body,html,#root{overflow-x:hidden!important;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:#121212;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:400}*{margin:0;padding:0}body.fonts-loaded .hero-title{opacity:1}button{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.home-page-container{box-sizing:border-box;max-width:100vw;overflow-x:hidden;position:relative;z-index:1}.home-page-container .no-break-words{white-space:normal;overflow-wrap:normal!important;word-wrap:normal!important;word-break:normal;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.home-page-container .gravity-slider{position:fixed;left:10px;top:10px;z-index:2}.hero-container{height:100vh;padding:30px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;max-width:100vw;overflow-x:hidden}.hero-container .hero-title{width:fit-content;font-family:Josefin Sans,sans-serif;font-display:swap;opacity:0;transition:opacity .3s ease;z-index:1;word-break:normal;overflow-wrap:anywhere;pointer-events:none;max-width:100vw!important;white-space:normal!important;overflow-x:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.hero-container .title-pt-1{color:#fff;font-size:90px;font-weight:700}@media only screen and (max-width: 991px) and (min-width: 768px){.hero-container .title-pt-1{font-size:75px}}@media only screen and (max-width: 767px) and (min-width: 480px){.hero-container .title-pt-1{font-size:60px}}@media only screen and (max-width: 479px){.hero-container .title-pt-1{font-size:50px}}.hero-container .title-pt-2{font-size:66px;font-weight:600;background:linear-gradient(90deg,#0bfffe,#dd00d3);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@media only screen and (max-width: 991px) and (min-width: 768px){.hero-container .title-pt-2{font-size:52px}}@media only screen and (max-width: 767px) and (min-width: 480px){.hero-container .title-pt-2{font-size:45px}}@media only screen and (max-width: 479px){.hero-container .title-pt-2{font-size:28px}}.stack-card{width:300px;min-width:300px;height:400px;padding:20px;background-color:#121212;border-radius:10px}.stack-card .stack-card-icon{width:64px;height:64px}.stack-card .stack-card-content{display:flex;flex-direction:column;gap:20px}.stack-card .stack-card-content .stack-card-list{padding-left:20px}.stack-card .stack-card-content .stack-card-list .stack-card-list-item{padding-bottom:10px}.stack-card .stack-card-content .stack-card-list .list-title{font-weight:600;color:#fff;margin-bottom:4px}.stack-card .stack-card-content .stack-card-list .list-desc{display:block;padding-top:5px;font-size:.875rem;color:#b0b0b0;opacity:.85}.skils-container{display:flex;flex-wrap:wrap;gap:20px;width:100%;max-width:100vw;position:relative;height:fit-content!important;padding-bottom:30px;pointer-events:none;justify-content:space-evenly}.slider-container{display:flex;flex-direction:column;gap:3px;max-width:300px;padding:10px}.slider-label{font-weight:700;margin-bottom:.2rem}.slider-value{color:#dd00d3;margin-left:.5rem}.slider-input{accent-color:#dd00d3;width:100%;cursor:pointer}.with-background{background-color:#121212b3;border-radius:5px}.contact-form-container{display:flex;border-radius:15px;width:450px;min-height:fit-content;height:fit-content;padding:30px;background-color:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:all}@media only screen and (max-width: 1060px){.contact-form-container{margin-bottom:90px}}.form{display:flex;flex-direction:column;gap:10px;width:100%}.form-group{display:flex;flex-direction:column;gap:10px}.form-group .input-gradient-border{position:relative;border-radius:6px}.form-group .input-gradient-border:before{content:"";position:absolute;inset:0;border-radius:6px;padding:2px;background:linear-gradient(90deg,#0bfffe,#dd00d3);opacity:0;transition:opacity .25s;pointer-events:none;z-index:1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.form-group .input-gradient-border input,.form-group .input-gradient-border .text-area{border:none;outline:none;border-radius:6px;background:none;background-color:#ffffff1f;color:#fff;font-size:16px;font-family:Josefin Sans,sans-serif;padding:12px 15px;position:relative;z-index:2;width:100%;box-sizing:border-box;transition:color .2s,background-color .2s}.form-group .input-gradient-border:focus-within:before{opacity:1}.form-group .input-gradient-border textarea,.form-group .input-gradient-border .text-area{height:175px;resize:none;scrollbar-width:thin;scrollbar-color:#23242a #15151a}.form-group .input-gradient-border .text-area::-webkit-scrollbar{width:6px;background:transparent}.form-group .input-gradient-border .text-area::-webkit-scrollbar-thumb{background:#23242a;border-radius:6px;border:1px solid #181820}.form-group .input-gradient-border .text-area::-webkit-scrollbar-track{background:#15151a}.form-group input::placeholder,.form-group .text-area::placeholder,.form-group textarea::placeholder{font-family:Josefin Sans,sans-serif;color:#ffffff81;font-size:16px;opacity:1}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover,.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:focus,.form-group textarea:-webkit-autofill:hover{background-color:#ffffff1f!important;-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.121) inset!important;-webkit-text-fill-color:#fff!important;font-family:Josefin Sans,sans-serif!important;border-radius:6px!important;transition:background-color 5000s ease-in-out 0s}.glass{z-index:2;background:#ffffff26;border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.custom-button{border:none;cursor:pointer;padding:10px 20px;color:#fff;border-radius:5px;transition:filter .2s}.custom-button:hover{filter:brightness(.6)}.submit-button{margin-top:10px;width:100px;background-color:transparent;background:linear-gradient(90deg,#0bfffe,#dd00d3)!important;font-weight:700}.footer-container{display:flex;justify-content:space-between;align-items:center;padding:0 30px;bottom:0;left:0;right:0;width:100%;height:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;color:#fff;pointer-events:all;overflow:hidden;will-change:transform}.footer-container .button-container{display:flex;margin-right:30px}.footer-container .button-container .btn-icon{height:24px;width:24px}.footer-container .button-container .icon-button{border:1px solid rgba(255,255,255,.3)!important;border-radius:5px;padding:5px;border:none;cursor:pointer;background:transparent}.footer-container .button-container .icon-button:hover{filter:brightness(1.5)!important;box-shadow:0 0 10px #dd00d3}.contact-container{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;padding:0 30px;gap:30px;min-height:100vh;z-index:1;pointer-events:none}.contact-container .form-text-container{display:flex;gap:20px;flex-direction:column;border-radius:10px;width:400px;min-width:30px;min-height:400px;height:fit-content;padding:30px;background-color:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.contact-container .form-text-container .icon-label{display:flex;align-items:center;gap:10px}.contact-container .form-text-container .icon-label .icon-label-icon{width:32px;height:32px}.contact-container .form-text-container h2{padding-bottom:10px;background:linear-gradient(90deg,#0bfffe,#dd00d3);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.contact-container .form-text-container p{line-height:1.7}.mail{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content;pointer-events:all}.mail:hover{filter:brightness(1.5)!important;box-shadow:0 0 10px #dd00d3}.mail .copy-icon{height:24px;width:24px}