*{box-sizing:border-box;margin:0;padding:0}body{font-optical-sizing:auto;color:#414141ee;-webkit-font-smoothing:antialiased;letter-spacing:-.5px;background:#f0f0f0;padding-bottom:100px;font-family:DM Sans,sans-serif;font-style:normal;font-weight:500;overflow-x:hidden}img{object-fit:cover;object-position:center}::-webkit-scrollbar{display:none}.home__links{z-index:1;flex-direction:column;padding:50px 10px 0 0;display:flex;position:fixed;top:0;right:0}.home__links .link:hover div{background:#ec9ddb;transform:translateY(-8px)}.home__links .link:nth-child(2):hover div{background:#b2f0ed!important}.home__links .link:nth-child(2){color:#015354;background:#7bb4bb;border:2px solid #2a738d;box-shadow:0 13px 0 -3px #b7e2e2}.home__links .link:nth-child(2)>div{background:#b7f8fe;border:2px solid #2a808d}.home__links .link{corner-shape:squircle;color:#540142;cursor:pointer;background:#bb6aa9;border:2px solid #8d2a77;border-radius:25px;width:60px;height:60px;margin:0 0 8px;transition:all .1s ease-in-out;position:relative;box-shadow:0 13px 0 -3px #f1d5eb}.home__links .link>div{z-index:1;border-radius:inherit;corner-shape:squircle;background:#feb7ef;border:2px solid #8d2a77;justify-content:center;align-items:center;width:calc(100% + 4px);height:calc(100% + 4px);transition:all .1s ease-in-out;display:flex;position:absolute;bottom:0;left:-2px;transform:translateY(-15px)}.home__links .link>div svg{height:28px}.home__intro{width:fit-content;margin:50px auto 0;position:relative}.home__intro .home__intro__greet{position:absolute;top:-10px;left:60px}.home__intro .home__intro__name{color:#0000;background-image:linear-gradient(45deg,#f0c,#a200ff,#ff4d00,#ff6f61);-webkit-background-clip:text;background-clip:text;font-size:67px;font-weight:900}.home__intro .home__intro__action-container{align-items:flex-end;gap:8px;display:flex;transform:translateY(-20px)}.home__intro .home__intro__action-container .home__intro__action__career{color:#8538e2;font-size:30px;font-weight:900;line-height:1;transition:all .3s}.home__intro .home__intro__action-container .home__intro__action__career:nth-child(4){color:#ff0090}.home__intro .home__intro__action-container .home__intro__action__career[data-active=false]{font-weight:600;color:#bbb!important;font-size:20px!important}.home__intro .home__intro__switch[data-active=true]{background:#ff318b!important}.home__intro .home__intro__switch[data-active=true] .home__intro__switch__btn{left:58.5px}.home__intro .home__intro__switch{cursor:pointer;background:#d8d8d8;border:none;border-radius:100vh;align-items:center;width:100px;height:45px;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden;transform:translateY(10px);box-shadow:inset 2px 2px 5px #28282851}.home__intro .home__intro__switch .home__intro__switch__btn{background:#e8e8e8;border-radius:100vh;width:38px;height:38px;transition:all .3s;position:absolute;left:3.5px;box-shadow:0 0 10px #44444456,inset -1px 1px 1px #fff,inset 1px 1px 1px #fff,inset 1px -1px 1px #bcbcbc,inset -1px -1px 1px #bcbcbc}.home__bg{grid-template-columns:repeat(calc(100vw / 30px), 30px);align-items:start;display:grid;position:fixed;top:0;left:0}.home__bg div:after{content:"";background:#9898989b;width:2px;height:2px;position:absolute;bottom:0;right:0}.home__bg div{width:30px;height:30px;position:relative}.home__projects{align-items:center;gap:30px;width:fit-content;margin:70px auto;display:flex;position:relative}.home__projects .home__projects__project:not([data-active=true]):hover .home__projects__project__cover-1{transform:rotateX(-10deg)!important}.home__projects .home__projects__project:not([data-active=true]):hover .home__projects__project__cover-2{transform:rotateX(-40deg)translateY(10px)!important}:is(.home__projects .home__projects__project:not(:hover),.home__projects .home__projects__project[data-active=true]) .home__projects__project__image{margin-top:0!important}.home__projects .home__projects__project[data-active=true] .home__projects__project__image{margin-top:0!important}.home__projects .home__projects__project[data-active=true] .home__projects__project__image img{border:10px solid #fff;border-radius:25px}.home__projects .home__projects__project[data-active=true] .img-btn{opacity:1!important}.home__projects .home__projects__project{perspective:2000px;cursor:pointer;position:relative}.home__projects .home__projects__project .home__projects__project__image{z-index:1;border-radius:10px;width:80%;height:150px;transition:all .3s;position:absolute;top:2px;left:10px}.home__projects .home__projects__project .home__projects__project__image:first-child{transition-delay:0s}.home__projects .home__projects__project .home__projects__project__image:nth-child(2){transition-delay:40ms}.home__projects .home__projects__project .home__projects__project__image:nth-child(3){transition-delay:80ms}.home__projects .home__projects__project .home__projects__project__image:nth-child(4){transition-delay:.12s}.home__projects .home__projects__project .home__projects__project__image:nth-child(5){transition-delay:.16s}.home__projects .home__projects__project .home__projects__project__image .img-btn:hover{background:#df3419}.home__projects .home__projects__project .home__projects__project__image .img-btn{z-index:1;opacity:0;color:#fff;cursor:pointer;background-color:#535353;border:4px solid #fff;border-radius:100vh;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:2px;right:2px}.home__projects .home__projects__project .home__projects__project__image .img-btn svg{width:14px;height:14px}.home__projects .home__projects__project .home__projects__project__image img{transform-origin:50%;background-color:#e2e2e2;border:2px solid #fff;border-radius:8px;width:100%;height:auto;transition:all .3s;position:absolute;top:0;left:0;box-shadow:0 0 10px #7575754d}.home__projects .home__projects__project .home__projects__project__cover-1{background:#006ae0;border-radius:15px;width:230px;height:190px;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.home__projects .home__projects__project .home__projects__project__cover-2{z-index:1;background:linear-gradient(#479dff 11.43%,#0069e0 78.2%);border-radius:15px;width:222px;height:150px;padding:10px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:4px;left:4px;box-shadow:inset 0 4px 2px #80bbff}.home__projects .home__projects__project .home__projects__project__cover-2 p{color:#fff;font-size:14px;font-weight:700}.home__projects .home__projects__project .home__projects__project__cover-2 p:nth-child(2){margin-top:2px;font-size:12px;font-weight:500}.home__projects .home__projects__project:nth-child(2) .home__projects__project__cover-1{background:#e08300}.home__projects .home__projects__project:nth-child(2) .home__projects__project__cover-2{background:linear-gradient(#ffa947 11.43%,#e08300 78.2%);box-shadow:inset 0 4px 2px #ffc280}.home__projects .home__projects__project:nth-child(3) .home__projects__project__cover-1{background:#e000a0}.home__projects .home__projects__project:nth-child(3) .home__projects__project__cover-2{background:linear-gradient(#ff47da 11.43%,#e000a0 78.2%);box-shadow:inset 0 4px 2px #ff80f7}.home__projects .home__projects__project:nth-child(4) .home__projects__project__cover-1{background:#7f00e0}.home__projects .home__projects__project:nth-child(4) .home__projects__project__cover-2{background:linear-gradient(#a647ff 11.43%,#7f00e0 78.2%);box-shadow:inset 0 4px 2px #d080ff}.home__experience-container{justify-content:center;align-items:flex-start;gap:80px;display:flex;position:relative}.home__experience-container .home__testimonial{align-items:flex-start;gap:10px;display:flex}.home__experience-container .home__testimonial .home__testimonial-tip{color:#fff;background:#27ab27;border-radius:100px 100px 100px 30px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:900;display:flex;box-shadow:0 0 10px #27ab2777}.home__experience-container .home__testimonial .home__testimonial-card{z-index:1;background:#fff;border-radius:10px;width:300px;height:400px;position:relative;overflow:auto;box-shadow:0 0 10px #a9a9a925}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__header{z-index:1;background:#fff;border-bottom:1px solid #efefefc8;justify-content:space-between;align-items:center;padding:10px;font-size:13px;font-weight:900;display:flex;position:sticky;top:0}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__header button:nth-child(2){margin-left:auto;margin-right:10px}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__header button:hover{background:#e8e8e896}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__header button{cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__header button svg{color:gray;width:14px;height:14px}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__chat{align-items:flex-start;gap:10px;padding:10px;display:flex}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__chat>div:first-child{color:#fff;background:#42d235;border-radius:100vh;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:flex}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__chat .home__testimonial__chat__header{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:13px;display:flex}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__chat .home__testimonial__chat__header p:first-child{font-weight:900}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__chat .home__testimonial__chat__header p:nth-child(2){opacity:.5;font-size:10px;font-weight:600}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__chat .home__testimonial__chat__content{font-size:12.5px;line-height:1.6}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__footer{background:#fff;border-top:1px solid #efefefc8;align-items:center;gap:10px;padding:10px;display:flex;position:sticky;bottom:0}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__footer div{color:#fff;background:#80808091;border-radius:100vh;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;font-weight:900;display:flex}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__footer input{background:#e2e2e26c;border:0;border-radius:100vh;outline:none;flex:1;padding:5px 10px;font-size:13px;font-weight:500}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__footer button{background:#353535;border:0;border-radius:100vh;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__footer button svg{color:#fff;width:14px;height:14px;margin:0 -2px 0 0}.home__experience-container .home__testimonial .home__testimonial-card .home__testimonial__footer button svg path{strokewidth:2px}.home__experience-container .home__pdfs{transform-origin:0 0;width:220px;scale:.8}.home__experience-container .home__pdfs>p{text-align:center;margin:30px 0 7px;font-size:15px;font-weight:600}.home__experience-container .home__pdfs>span{text-align:center;opacity:.4;font-size:13px;font-weight:600;display:block}.home__experience-container .home__pdfs .home__pdfs-container:hover>div{box-shadow:0 0 30px #b6b6b65a!important}.home__experience-container .home__pdfs .home__pdfs-container:hover>div:first-child{transform:rotate(7deg)}.home__experience-container .home__pdfs .home__pdfs-container:hover>div:nth-child(2){transform:rotate(-6deg)translateY(10px)}.home__experience-container .home__pdfs .home__pdfs-container{cursor:pointer;width:220px;height:290px;position:relative}.home__experience-container .home__pdfs .home__pdfs-container>div{background:#fff;border:1px solid #b8b8b82d;border-radius:10px;width:100%;height:100%;padding:30px 20px;transition:all .3s;position:absolute;top:0;left:0;box-shadow:0 0 8px #b6b6b63d}.home__experience-container .home__pdfs .home__pdfs-container>div>span{color:#fff;corner-shape:squircle;background:red;border-radius:20px;width:fit-content;margin-bottom:8px;padding:4px 10px;font-size:13px;font-weight:900;display:block}.home__experience-container .home__pdfs .home__pdfs-container>div>div{margin:0 0 8px}.home__experience-container .home__pdfs .home__pdfs-container>div .role{opacity:.6;margin-bottom:20px;font-size:13px}.home__experience-container .home__pdfs .home__pdfs-container>div .name{margin:3px 0;font-size:16px;font-weight:800}.home__experience-container .home__pdfs .home__pdfs-container>div:first-child{transform-origin:100% 100%;transform:rotate(3deg)}.home__experience-container .home__pdfs .home__pdfs-container>div:nth-child(2){transform-origin:0 100%;transform:rotate(2deg)translateY(10px)}.home__experience-container .home__pdfs__modal{z-index:2;background:#fff;border:1px solid #d7d7d7;border-radius:15px;flex-direction:column;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 20px #3434343d}.home__experience-container .home__pdfs__modal iframe{width:110%;height:100%;transform:translate(-5px,-5px)}.home__experience-container .home__pdfs__modal .body{border-bottom-right-radius:15px;border-bottom-left-radius:15px;flex:1;overflow:auto}.home__experience-container .home__pdfs__modal .body__scroll-overlay{pointer-events:none;background:linear-gradient(#0000,#fff);width:100%;height:30px;position:sticky;bottom:0}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header{z-index:1;background:#f7f7f7;border-top-left-radius:15px;border-top-right-radius:15px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:relative}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header .home__pdfs__modal__dragger:hover{cursor:grab}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header .home__pdfs__modal__dragger:active{cursor:grabbing!important}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header .home__pdfs__modal__dragger{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header .home__pdfs__modal__dragger[data-isdragging=true]{width:140%;height:130px}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header div{cursor:pointer;z-index:1;border-radius:100vh;width:15px;height:15px}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header div:first-child{background:#fe5b5f}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header div:nth-child(2){background:#fac800}.home__experience-container .home__pdfs__modal .home__pdfs__modal__header div:nth-child(3){background:#34c759}.home__image-me{filter:grayscale(.2)brightness();cursor:pointer;height:380px;position:absolute;bottom:0;left:50px}.home__image-me-2{z-index:1;filter:grayscale(.2)brightness();cursor:pointer;height:150px;position:absolute;bottom:100px;right:200px;transform:rotate(20deg)}.home__image-me-3{z-index:1;filter:grayscale(.2)brightness();cursor:pointer;height:130px;position:absolute;bottom:0;right:50px;transform:rotate(20deg)}.home__image-me:hover,.home__image-me-2:hover,.home__image-me-3:hover{transform:rotate(10deg)}.home__dashed-section{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#a4c0ff22;border:2px dashed #b0daff;border-radius:20px;width:300px;height:400px;position:absolute;bottom:-100px;right:300px;transform:rotate(10deg)}.home__tools{background:#fefefe;border-radius:16px;padding:16px;position:absolute;bottom:-80px;left:0}.home__tools p{opacity:.5;font-size:14px;font-weight:600}.home__tools .home__tools__row:hover>div{margin:0 2px 0 0!important}.home__tools .home__tools__row{cursor:pointer;align-items:center;margin:15px 0 0;display:flex}.home__tools .home__tools__row>div{corner-shape:squircle;background:#fff 50%/cover;border:1px solid #fff;border-radius:20px;width:40px;height:40px;margin:0 0 0 -10px;transition:all .5s cubic-bezier(.68,-1.5,.265,2.5);box-shadow:0 0 15px #5f5f5f4d}.home__tools .home__tools__row>div:first-child{margin:0}.home__project__details[data-show=true]{opacity:1!important;pointer-events:unset!important}.home__project__details[data-show=true] strong,.home__project__details[data-show=true] p,.home__project__details[data-show=true] button{transform:translate(0)!important}.home__project__details{z-index:2;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#edededd7;width:100dvw;height:100dvh;padding:30px;transition:all .3s ease-in-out;position:fixed;top:0;left:0}.home__project__details strong,.home__project__details p,.home__project__details button{transition:all .3s ease-in-out;transform:translateY(-80px)}.home__project__details .home__project__details-content{grid-template-columns:380px 1fr;gap:60px;height:100dvh;display:grid}.home__project__details .home__project__details-content .home__project__details__images{grid-gap:10px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;min-width:1200px;display:grid;position:relative}.home__project__details .home__project__details-content .home__project__details__images div{opacity:0;background:red;border:1px solid #000}.home__project__details .home__project__details-content .home__project__details__images div:nth-child(5){width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home__project__details .home__project__details-content .home__project__details__folder{width:300px;height:300px}.home__project__details .home__project__details-content .home__project__details__text strong{color:#000000be;margin:60px 0 10px;display:block}.home__project__details .home__project__details-content .home__project__details__text p{font-size:14px;line-height:1.5}.home__project__details .home__project__details__back-btn:active{transform:scale(.9)}.home__project__details .home__project__details__back-btn:hover{color:#7e0ee6}.home__project__details .home__project__details__back-btn{z-index:4;cursor:pointer;background-color:#fff;border:1px solid #e2e2e2;border-radius:20px;align-items:center;gap:5px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative}.home__project__details .home__project__details__back-btn svg{width:20px;height:20px}
