@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");:root{--base-100:rgb(242,237,230);--base-200:rgb(204,200,194);--base-250:rgb(179,167,152);--base-300:rgb(153,143,130);--base-350:rgb(128,119,108);--base-400:rgb(102,95,86);--base-450:rgb(31,29,29);--base-500:rgb(20,19,19)}body{font-family:DM Sans,sans-serif;background:black;position:relative!important;overflow:scroll!important;top:0!important}h1{font-size:6rem}h1,h2{font-weight:600;line-height:1}h2{font-size:3rem}p{text-transform:uppercase;font-size:13px;font-weight:500}.main-wrapper{visibility:hidden}.preloader,.split-overlay,.tags-overlay{position:fixed;width:100vw;height:100svh}.preloader,.split-overlay{background-color:var(--base-450);color:white}.preloader,.tags-overlay{z-index:2}.split-overlay{z-index:1}.intro-title{left:50%;width:100%;text-align:center}.intro-title,.outro-title{position:absolute;top:50%;transform:translate(-50%,-50%)}.outro-title{left:calc(50% + 10rem)}.tag{position:absolute;width:max-content;color:var(--base-200);overflow:hidden}.tag-1{top:15%;left:15%}.tag-2{bottom:15%;left:25%}.tag-3{bottom:30%;right:15%}.container{display:flex;flex-direction:column;justify-content:space-between;-webkit-clip-path:polygon(0 48%,0 48%,0 52%,0 52%);clip-path:polygon(0 48%,0 48%,0 52%,0 52%);z-index:2;overflow:hidden}.container .hero-img{position:absolute;width:100%;height:100%;scale:1.2;background-color:rgb(49,47,47)}footer,nav{position:relative;width:100vw;padding:15px 22px;align-items:center;color:rgb(255,255,255);z-index:2}footer,nav{display:flex;justify-content:space-between}nav{padding:15px}nav p#logo{font-weight:600;font-size:19px;border-radius:6px;padding:5px 10px;margin-top:-15px;margin-left:-10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}nav p#menu{font-weight:500;font-size:16px;text-align:right}nav p{color:rgb(255,255,255)}.menu-wrapper{align-items:center;height:35px;gap:46px;width:-moz-fit-content;width:fit-content;max-width:180px}.card,.menu-wrapper{display:flex;justify-content:flex-end}.card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;min-width:1000px;min-height:450px;max-width:1450px;border-radius:12px;text-align:right;align-items:flex-end;-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);gap:15px;font-family:Arimo,sans-serif}.card-wrapper-left{background-color:rgba(74,74,74,.272);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px 20px 20px;border-radius:12px}.card-wrapper-left,.card-wrapper-right{display:flex;justify-content:flex-end;flex-direction:column;text-align:right;align-items:flex-end;width:58%;gap:15px;height:60vh}.card-wrapper-right{width:42%}.card-inner p{text-shadow:0 0 1px black;font-weight:400!important}.card-inner{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;border-radius:12px}.card-inner-top{padding:10px 20px 0!important}.card-wrapper-right .card-inner{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:rgba(74,74,74,.09);background-color:rgba(74,74,74,.272)}.card-inner:nth-child(2){height:-moz-fit-content;height:fit-content;background-color:rgba(74,74,74,.272)}.card-inner:nth-child(2) .chip2{margin-top:30px}.container-stars{width:-moz-fit-content;width:fit-content;display:flex;justify-content:space-between;margin:0 auto;gap:4px}.container-stars img{height:20px;filter:brightness(1.1);margin-top:1px}.reviews{gap:10px;align-items:center;text-align:center}.avatar-container{justify-content:flex-start;gap:10px}.avatar,.avatar-container{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center}.avatar{gap:7px}.avatar img{width:10vh;height:9vh;border-radius:50px}.button-wrapper{display:flex;margin-top:20px;gap:28px}.card-raised{flex:4 1;gap:0;flex-direction:column}.card-aside-raised,.card-raised{height:100%;display:flex;padding:1rem;justify-content:flex-start;align-items:flex-start;border-radius:12px}.card-aside-raised{flex:2 1;flex-direction:column;background:linear-gradient(145deg,#313233,#1a1a1c);box-shadow:4px 4px 16px var(--shadow-dark),-4px -4px 16px var(--shadow-light)}.card .char span{position:relative;display:inline-block;transform:translateY(100%);will-change:transform}.card .char,.intro-title .char,.outro-title .char{position:relative;display:inline-block;overflow:hidden}.intro-title .char,.outro-title .char{margin-top:.75rem}.intro-title .char span,.outro-title .char span,.tag .word{position:relative;display:inline-block;transform:translateY(-100%);will-change:transform}.intro-title .first-char{transform-origin:top left}.intro-discover-wrapper p{font-size:16px!important;color:white!important}.intro-discover-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:black;height:40px;padding:10px;border-top:.5px solid white;border-left:.5px solid white;border-right:.5px solid white}.intro-reviews{margin:0 auto 3vh}.row{display:flex;flex-direction:column;width:100%;text-align:center;gap:7px}@media (max-width:1000px){h1{font-size:2.5rem}.avatar-container{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:row;align-items:center;gap:10px}.avatar img{width:50px;height:50px;margin-left:0!important;object-fit:cover}.avatar,.avatar img{aspect-ratio:1/1!important}.avatar{width:20%;display:flex;flex-direction:row;align-items:center}.container-stars{margin:0 auto;display:none}.intro-reviews{margin-top:-10px;margin-bottom:0}.card-wrapper-right .card-inner{align-items:flex-start;padding:15px 10px 10px}.card-inner-top{padding:15px 10px 10px!important}.card-wrapper-right .card-inner:nth-child(2){display:none}.card-wrapper-left{width:100%;padding:10px 15px 15px}.outro-title{left:calc(50% + 4rem)}.container .hero-img{scale:2}.card{width:100%;height:-moz-fit-content;height:fit-content;flex-direction:column;min-width:unset!important;min-height:unset!important;padding:1.5rem;max-height:unset;align-items:flex-start}.card h1{font-size:2.5rem}.card-wrapper-left,.card-wrapper-right{align-items:flex-start;height:-moz-fit-content;height:fit-content;width:100%}.intro-title .char,.outro-title .char{margin-top:.5rem}.button-wrapper{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:20px}.button-wrapper div{width:100%;font-size:15px!important}footer,nav{position:relative;padding:.5rem .8rem;justify-content:space-between;align-items:center;z-index:2}footer p{font-size:10px!important}.menu-wrapper{justify-content:flex-end}.intro-discover-wrapper p{font-size:12px!important;color:white!important}.intro-discover-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:black;height:33px;padding:8px 10px 10px;border-top:.5px solid white;border-left:.5px solid white;border-right:.5px solid white}}@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Libre+Caslon+Display&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:linear-gradient(145deg,#313233,#1a1a1c);--bg-color2:linear-gradient(145deg,#313233,#1a1a1c);--card-bg-color:linear-gradient(145deg,#d2dff4a5,#c0f6ed4a);--text-color:#838585;--line-color:#4a4a4a;--text-sub-color:rgb(129,128,128);--text-body-color:#817f7f;--shadow-light:#2e2c2c;--shadow-dark:#000000;--highlight:#6fc3df}body[data-theme=dark]{--bg-color2:linear-gradient(145deg,#d1d7f3dc,rgba(200,246,246,0.582));--bg-color:linear-gradient(145deg,#bcceeaa5,#c0f6ed4a);--card-bg-color:linear-gradient(145deg,#d2dff4a5,#c0f6ed4a);--text-color:#d2dff4;--text-sub-color:#ebf1fc;--text-body-color:#cccccc;--line-color:rgb(190,190,190);--shadow-light:#ffffff;--shadow-dark:#9f9f9f;--highlight:#6fc3df}.nextjs-toast{display:none}img{width:100%;height:100%;object-fit:cover}.project{opacity:0;transform:translateY(50px)}.aside,.header{opacity:0;transform:translateY(20px)}a{text-decoration:none}.nav-logo a{font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:700}.nav-links{display:flex;gap:2rem}.container{position:relative;width:100%;height:100%;min-height:100svh;background:var(--bg-color)}.page-header{width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;padding:2rem}.archive{width:30%;margin:0 auto;padding:15rem 2rem;display:flex;flex-direction:column;gap:2rem}.archive img{aspect-ratio:5/7}.transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;pointer-events:none;z-index:2}.block{flex:1 1;height:100%;background:#ebf7f8;transform:scaleX(0);transform-origin:left}.logo-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;z-index:10000;background:#ebf7f8;pointer-events:none;opacity:0}.logo-container,.logo-overlay{display:flex;justify-content:center;align-items:center}.logo-container{width:200px;height:200px;padding:20px}.char{position:relative;display:inline-block;will-change:transform}.no-bg{background:transparent!important}.text-dark{color:var(--text-color)!important}.text-200{color:var(--base-200)!important}.hide-mobile{display:inline-block}.wrapper-main{overflow:hidden;margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(145deg,#77a4f2dc,#4eeded94);background:rgb(197,236,251);height:100vh;min-height:685px;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;color:rgb(79,77,79)}.container-center-t{width:45%;margin-top:-2vh;gap:16px}.container-center-b,.container-center-t{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.container-center-b{gap:10px;margin-top:50px}.form-container{padding:2rem;width:100%}.form-container,.project-container{background:var(--bg-color);border-radius:20px;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);position:relative;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .4s}.project-container{padding:1.8rem;width:40vw}.intro-container{padding:2rem;border-radius:20px;box-shadow:6px 6px 16px var(--shadow-dark),-6px -6px 16px var(--shadow-light),inset 6px 6px 16px var(--shadow-dark),inset -6px -6px 16px var(--shadow-light);width:30vw;margin-left:-20vw;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;transition:box-shadow .4s}.container-image{flex:1 1;display:flex;overflow:hidden;height:100%;width:100%}.bg-image{scale:1.3;transform:translateX(200px);object-fit:cover;animation:loading 80s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.desktop-hide{display:none}.text-color{color:#bfd3f2}.text-white{color:#fff}.logo-text{text-align:center;font-size:7vw;margin-bottom:-15px}.auto-top{margin-top:auto!important}.right-40{margin-right:45px}.headline{color:white;font-size:clamp(40px,3.3vw,64px)}.intro-headline{color:white;margin-top:0;margin-bottom:-25px}.intro-headline,.subtitle{font-size:clamp(24px,2.1vw,28px);text-transform:none!important;line-height:120%;font-weight:500;letter-spacing:.2px}.subtitle{color:var(--base-200);margin-bottom:0}.intro-subtitle{font-size:clamp(24px,2.1vw,28px);line-height:120%;font-weight:500;margin-top:auto;margin-bottom:-8px;letter-spacing:.2px}.body-text,.intro-subtitle{color:white;text-transform:none!important}.body-text{text-shadow:0 0 1px black;font-weight:500!important;font-size:clamp(17px,1.1vw,25px);line-height:130%;letter-spacing:.3px}.name{font-size:22px}.sub{font-size:18px;color:rgb(213,213,213)}.subtitle-transition{color:#f1f2e1;font-family:Segoe UI,sans-serif;font-size:min(35px,2.5vw);text-transform:uppercase}.plain-text{font-size:1vw}.soft-text{text-shadow:2px 2px 5px var(--shadow-dark),-2px -2px 7px var(--shadow-light)}.soft-h-text{text-shadow:2px 1px 2px var(--shadow-dark),-2px -1px 2px var(--shadow-light);letter-spacing:1px}.soft-s-text{text-shadow:1px 1px 3px var(--shadow-dark),-1px -1px 1px var(--shadow-light);letter-spacing:1px}.soft-p-text{text-shadow:2px 1px 1px var(--shadow-dark)}.toggle-container{display:flex;margin:auto;width:-moz-fit-content;width:fit-content;position:absolute;right:25px;gap:15px;top:6px}.corner-right-t{position:absolute;right:20px;top:13px}.corner-right-b{position:absolute;right:20px;bottom:13px}.corner-left-t{position:absolute;left:20px;top:13px}.corner-left-b{position:absolute;left:20px;bottom:13px}.center-t{left:48%;transform:translate(-48%);top:13px}.center-b,.center-t{position:absolute;margin:0 auto}.center-b{left:48.5%;transform:translate(-48.5%);bottom:13px}.vertical-line{height:42px;width:3px;top:7px;margin:0 10px;background-color:var(--text-color);box-shadow:1px 1px 1px var(--shadow-dark),-1px -1px 1px var(--shadow-light);position:relative;display:inline-block;font-stretch:ultra-condensed}.aside-right{border-left:.5px solid var(--line-color);width:20%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.container-right{justify-content:space-between;gap:20px}.container-left-t,.container-right{width:100%;height:60%;display:flex;flex-direction:column}.container-left-t{justify-content:flex-start;margin-top:30%}.container-left-b{position:absolute;width:100%;display:flex;flex-direction:column;justify-content:flex-start;bottom:50px;left:20px}.aside-left{width:15%;height:100vh;display:flex;margin-left:20px}.block1{border-bottom:.5px solid rgb(209,212,214);font-size:30px;padding:10px;height:100px;display:flex;align-items:flex-end}.horizontal-line-t{top:45px}.horizontal-line-b,.horizontal-line-t{width:100%;position:absolute;border-bottom:.5px solid var(--line-color);height:1px}.horizontal-line-b{bottom:45px}.circle{border-radius:25px;height:40px;width:40px;border:.5px solid var(--line-color);box-shadow:inset 1px 2px 6px var(--shadow-dark),inset -1px -2px 6px var(--shadow-light)}.chip,.chip2{display:flex;align-items:center;justify-content:center;width:200px;margin-top:auto;border-radius:6px;background:white;color:rgb(0,0,0);font-size:clamp(17px,1.1vw,25px);font-weight:600;cursor:pointer;padding:10px 20px;line-height:100%;position:relative;overflow:hidden;text-transform:uppercase}@keyframes buttonShine{0%{transform:translateX(-300px) skewX(20deg)}50%{transform:translateX(-300px) skewX(20deg)}50.1%{transform:translateX(-300px) skewX(20deg)}to{transform:translateX(300px) skewX(20deg)}}.chip:after{animation:buttonShine 3.5s ease-in-out infinite}.chip2:after,.chip:after{content:"";position:absolute;width:18px;height:40px;background:#f2f2f2;transform:translateX(300px) skewX(20deg);z-index:20}.chip2:after{animation:buttonShine 3.5s ease-in-out .5s infinite}@media (max-width:1000px){.center-mobile{text-align:center;margin:auto}.headline{font-size:clamp(32px,3vw,40px)!important}.subtitle{font-size:clamp(14px,1.8vw,18px)!important;margin-bottom:60px;white-space:nowrap;display:none}.intro-headline,.intro-subtitle,.subtitle{letter-spacing:0;font-weight:400;text-align:left!important}.intro-headline,.intro-subtitle{font-size:clamp(18px,1.8vw,20px)!important}.intro-headline{line-height:150%;margin-bottom:0}.intro-subtitle{margin-bottom:24px}.body-text{font-size:16px;letter-spacing:0;text-align:left!important}.container-left-b,.container-left-t{display:none}.container-center-t{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:90%;gap:11px;justify-content:center;text-align:center}.aside-right,.container-center-t{display:flex;flex-direction:column;align-items:center}.aside-right{border-left:none;width:52%;height:100vh;justify-content:flex-end}.container-right{width:100%;height:50%;display:flex;flex-direction:column;justify-content:flex-start;gap:24px}.project-container{background:var(--bg-color);padding:1.2rem;border-radius:20px;box-shadow:8px 8px 12px var(--shadow-dark),-4px -5px 12px var(--shadow-light);width:90vw;position:relative;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .4s}.plain-text{font-size:max(12px,2.4vw);max-width:85vw}.logo-text{text-align:center;font-size:max(45px,8vw);margin-bottom:-5px}.mobile-hide{display:none}.desktop-hide{display:block}.corner-left-t{position:absolute;left:20px;top:17px}.corner-left-b{bottom:17px}.center-t,.corner-right-b{display:none}.center-t{top:17px}.center-b{bottom:17px;left:unset;right:-40px}.soft-text{text-shadow:2px 1px 2px var(--shadow-dark),-2px -1px 3px var(--shadow-light)}.soft-h-text{text-shadow:1px 1px 1px var(--shadow-dark),-1px -1px 1px var(--shadow-light);letter-spacing:1px}.horizontal-line-b,.horizontal-line-t{border-bottom:.5px solid rgba(246,246,246,.747);top:47px}}.theme-switch,.toggle{text-align:center;margin-bottom:20px}#formToggle,#themeToggle{display:none}.switch,.theme-btn{display:inline-block;width:70px;height:34px;border-radius:50px;background:var(--bg-color);position:relative;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);cursor:pointer}.switch i,.theme-btn i{position:absolute;left:10px;top:10px;font-size:16px;color:var(--highlight);transition:transform .3s ease}#formToggle:checked+.switch i{transform:translateX(30px)}#themeToggle:checked+.theme-btn i{transform:translateX(38px) rotate(180deg);color:grey}form{display:none;flex-direction:column;gap:15px;transform:translateX(0);opacity:1;transition:transform .5s ease,opacity .5s ease}form.active{display:flex}h2{margin-bottom:15px}.input-group{position:relative}.input-group input{width:100%;padding:12px 12px 12px 16px;border-radius:15px;border:none;background:var(--bg-color);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);color:var(--text-color)}.input-group input:focus{outline:none;box-shadow:0 0 8px var(--highlight)}.input-group label{position:absolute;left:16px;top:12px;color:#888;font-size:14px;transition:.3s;pointer-events:none}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:-8px;left:12px;font-size:12px;background:var(--bg-color);padding:0 4px}button{outline:none;border:none}.social-login{margin-top:10px;display:flex;flex-direction:column;gap:18px}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.social-btn i{font-size:16px;transition:transform .3s ease}.social-btn:hover i{transform:scale(1.3)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--highlight);color:#fff;padding:10px 20px;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.2);display:none;z-index:1000}