:root{--primary-color-light:#573280;--secondary-color-light:#23022e;--tertiary-color-light:#ada8b6;--background-color-light:#fff;--primary-color-dark:#a8cd7f;--secondary-color-dark:#dcfdd1;--tertiary-color-dark:#525749;--background-color-dark:#000}*{box-sizing:border-box;cursor:none;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body,html{height:100%;width:100%}.title-card-container{height:500px;position:relative;width:100%}.background-1,.background-2,.background-3{animation:cascade-right-transparent .8s ease-out forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:3px;left:0;opacity:0;position:absolute}.background-3{animation-delay:0s;background-color:var(--tertiary-color-light);height:34%;top:30%;width:60%}.background-2{animation-delay:.2s;background-color:var(--secondary-color-light);height:32%;top:30%;width:60%}.background-1{align-items:flex-end;animation:cascade-right-solid .8s ease-out forwards;animation-delay:.4s;background-color:var(--primary-color-light);display:flex;flex-direction:column;height:30%;justify-content:center;padding:2rem;top:30%;width:60%}.title-card-title{color:var(--background-color-light);font-size:2rem;font-weight:700;margin-bottom:.5rem}.title-card-description{color:var(--background-color-light);font-size:1.1rem;line-height:1.6;margin-top:.5rem;opacity:.95}.about-card-container{align-items:flex-start;display:flex;flex-shrink:0;height:auto;justify-content:center;margin:10rem auto 0;min-height:600px;padding-bottom:2rem;padding-top:2rem;position:relative;width:100%}.about-background-1,.about-background-2,.about-background-3{animation:cascade-up-transparent .8s ease-out forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:3px;opacity:0;position:absolute}.about-background-3{animation-delay:0s;background-color:var(--tertiary-color-light);height:280px;z-index:1}.about-background-2,.about-background-3{left:50%;top:0;transform:translateX(-50%) translateY(100vh);width:50%}.about-background-2{animation-delay:.2s;background-color:var(--secondary-color-light);height:260px;z-index:2}.about-background-1{align-items:center;animation:cascade-up-solid .8s ease-out forwards;animation-delay:.4s;background-color:var(--primary-color-light);display:flex;flex-direction:column;height:240px;justify-content:center;left:50%;top:0;transform:translateX(-50%) translateY(100vh);width:50%;z-index:3}@keyframes cascade-up-transparent{0%{opacity:.3;transform:translateX(-50%) translateY(100vh)}to{opacity:.3;transform:translateX(-50%) translateY(0)}}@keyframes cascade-up-solid{0%{opacity:.9;transform:translateX(-50%) translateY(100vh)}to{opacity:.9;transform:translateX(-50%) translateY(0)}}.about-card-title{font-size:2rem;font-weight:700}.about-card-description,.about-card-title{color:var(--background-color-light);margin:1rem}.about-card-description{font-size:1.1rem;line-height:1.6;max-width:80%;opacity:.95;text-align:center}@media (max-width:768px){.about-card-container{margin-top:6rem;min-height:500px;padding-bottom:1.5rem;padding-top:1.5rem}.about-background-3{height:260px;width:70%}.about-background-2{height:240px;width:70%}.about-background-1{height:220px;width:70%}.about-card-title{font-size:1.75rem;margin:.75rem}.about-card-description{font-size:1rem;line-height:1.5;margin:.75rem;max-width:85%}}@media (max-width:480px){.about-card-container{margin-top:4rem;min-height:400px;padding-bottom:1rem;padding-top:1rem}.about-background-3{border-radius:8px;height:240px;width:90%}.about-background-2{border-radius:8px;height:220px;width:90%}.about-background-1{border-radius:8px;height:200px;padding:1rem;width:90%}.about-card-title{font-size:1.5rem;margin:.5rem}.about-card-description{font-size:.95rem;line-height:1.5;margin:.5rem;max-width:90%}}@media (max-width:360px){.about-card-container{margin-top:3rem;min-height:350px}.about-background-3{height:220px;width:95%}.about-background-2{height:200px;width:95%}.about-background-1{height:180px;width:95%}.about-card-title{font-size:1.25rem;margin:.5rem}.about-card-description{font-size:.9rem;line-height:1.4;margin:.5rem;max-width:95%}}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-gradient-background{min-height:100vh;width:100%}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}@media (max-width:768px){.main-content{max-width:100%;padding:0 1.5rem}}@media (max-width:480px){.app-container{min-height:100vh}.app-gradient-background{min-height:100vh;width:100%}.main-content{max-width:100%;padding:0 1rem}}@media (max-width:360px){.main-content{padding:0 .75rem}}.navigation{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.nav-list{color:var(--secondary-color-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style:none}.home-icon,.viewmode-icon{height:2rem;transition:transform .3s ease;width:2rem}.home-link .hover-icon,.home-link:hover .default-icon,.viewmode-link .hover-icon,.viewmode-link:hover .default-icon{display:none}.home-link:hover .hover-icon,.viewmode-link:hover .hover-icon{display:inline}.nav-link{border-radius:4px;color:var(--secondary-color-light);display:inline-block;font-weight:500;padding:.75rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:60%}.nav-link:hover{color:var(--primary-color-light)}.nav-link:after{background-color:var(--primary-color-light);border-radius:1px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active{color:var(--primary-color-light)}.nav-link.active:after{background-color:var(--primary-color-light);justify-content:center;padding-left:1rem;width:75%}button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:transform .2s ease}button:active{transform:scale(.95)}@media (max-width:768px){.navigation{border-radius:10px;gap:.75rem;margin:0 .5rem;padding:.875rem 1rem}.nav-list{flex:1 1;gap:.75rem}.home-icon,.viewmode-icon{height:1.75rem;width:1.75rem}.nav-link{font-size:.95rem;min-width:80px;padding:.625rem .75rem;width:auto}.nav-link:after{height:2.5px}.nav-link.active:after{width:80%}button{min-height:48px;min-width:48px}}@media (max-width:480px){.navigation{border-radius:8px;flex-wrap:wrap;gap:.5rem;margin:0 .25rem;padding:.75rem}.nav-list{gap:.5rem;justify-content:space-evenly;order:2;width:100%}.home-icon,.viewmode-icon{height:1.5rem;width:1.5rem}.nav-link{font-size:.9rem;min-width:70px;padding:.5rem .625rem;white-space:nowrap;width:auto}.nav-link:after{height:2px}.nav-link.active:after{padding-left:.5rem;width:85%}button{min-height:48px;min-width:48px;padding:.5rem}.home-link,.viewmode-link{order:1}@media (hover:none) and (pointer:coarse){.home-link:hover .default-icon,.viewmode-link:hover .default-icon{display:inline}.home-link:active .default-icon,.home-link:hover .hover-icon,.viewmode-link:active .default-icon,.viewmode-link:hover .hover-icon{display:none}.home-link:active .hover-icon,.viewmode-link:active .hover-icon{display:inline}.nav-link:hover{color:var(--secondary-color-light)}.nav-link:active{color:var(--primary-color-light)}}.home-link:active,.viewmode-link:active{transform:scale(.9)}}@media (max-width:360px){.navigation{gap:.375rem;margin:0 .125rem;padding:.625rem .5rem}.nav-list{gap:.375rem}.home-icon,.viewmode-icon{height:1.375rem;width:1.375rem}.nav-link{font-size:.85rem;min-width:60px;padding:.5rem}.nav-link.active:after{padding-left:.25rem;width:90%}button{min-height:44px;min-width:44px;padding:.375rem}}@media (max-height:600px) and (orientation:landscape){.navigation{padding:.5rem 1rem}.nav-list{gap:.5rem}.nav-link{font-size:.9rem;padding:.5rem .75rem}.home-icon,.viewmode-icon{height:1.5rem;width:1.5rem}}@media (max-width:480px){.navigation{box-shadow:0 2px 8px #0000001a}@supports (padding:max(0px)){.navigation{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}}}.page{animation:fadeIn .3s ease}.page-content{border-radius:8px;width:100%}.about-page{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.about-page .page-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;width:100%}.projects-page{left:50%;margin-left:-50vw;margin-right:-50vw;position:relative;right:50%;width:100vw}.projects-page .page-content{margin:0;max-width:100%;padding:0;width:100%}.page-header{margin-bottom:2rem;padding:2rem 1rem;text-align:center}.page-header-title{color:var(--secondary-color-light);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.page-header-description{color:var(--secondary-color-light);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px;opacity:.9}.not-found-page{align-items:center;display:flex;justify-content:center;min-height:400px}.footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:12px;opacity:0;padding:2rem 1rem;pointer-events:none;text-align:center;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.footer-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.footer-content p{margin-bottom:1rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-links a{text-decoration:none;transition:color .3s ease}.footer-links a .hover-icon,.footer-links a:hover .default-icon{display:none}.footer-links a:hover .hover-icon{display:inline}.cursor{background-color:initial;border:2px solid #fff;border-radius:50%;height:1rem;mix-blend-mode:difference;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:transform .1s ease-out,width .2s ease,height .2s ease,border-width .2s ease;width:1rem;z-index:9999}.cursor.hovered{border-width:3px;height:1.75rem;width:1.75rem}.project-left-card-container,.project-right-card-container{height:750px;position:relative;width:100%}.project-right-card-container{padding-right:0}.project-left-background-1,.project-left-background-2,.project-left-background-3,.project-right-background-1,.project-right-background-2,.project-right-background-3{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:3px;opacity:0;position:absolute;transition:all .5s ease-out}.project-left-card-container.visible .project-left-background-2,.project-left-card-container.visible .project-left-background-3{animation:cascade-right-transparent .8s ease-out forwards}.project-left-card-container:not(.visible) .project-left-background-2,.project-left-card-container:not(.visible) .project-left-background-3{animation:cascade-right-transparent-reverse .8s ease-out forwards}.project-right-card-container.visible .project-right-background-2,.project-right-card-container.visible .project-right-background-3{animation:cascade-left-transparent .8s ease-out forwards}.project-right-card-container:not(.visible) .project-right-background-2,.project-right-card-container:not(.visible) .project-right-background-3{animation:cascade-left-transparent-reverse .8s ease-out forwards}.project-left-background-1,.project-left-background-2,.project-left-background-3{left:0}.project-right-background-1,.project-right-background-2,.project-right-background-3{right:0}.project-left-background-3,.project-right-background-3{animation-delay:0s;background-color:var(--tertiary-color-light);height:34%;top:30%;transition:all .5s ease-out;width:60%}.project-left-background-2,.project-right-background-2{animation-delay:.2s;background-color:var(--secondary-color-light);height:32%;top:30%;transition:all .5s ease-out;width:60%}.project-left-background-1{align-items:center;background-color:var(--primary-color-light);display:flex;height:30%;justify-content:flex-end;overflow:hidden;padding:2rem;top:30%;width:60%;z-index:10}.project-left-card-container.visible .project-left-background-1{animation:cascade-right-solid .8s ease-out forwards;animation-delay:.4s}.project-left-card-container:not(.visible) .project-left-background-1{animation:cascade-right-solid-reverse .8s ease-out forwards;animation-delay:.4s}.project-right-background-1{align-items:center;background-color:var(--primary-color-light);display:flex;height:30%;justify-content:flex-start;overflow:hidden;padding:2rem 0 2rem 2rem;top:30%;width:60%;z-index:10}.project-right-card-container.visible .project-right-background-1{animation:cascade-left-solid .8s ease-out forwards;animation-delay:.4s}.project-right-card-container:not(.visible) .project-right-background-1{animation:cascade-left-solid-reverse .8s ease-out forwards;animation-delay:.4s}.project-left-card-container.expanded .project-left-background-1{align-items:flex-start;height:70%;justify-content:center;padding:3rem;top:15%;width:85%}.project-right-card-container.expanded .project-right-background-1{align-items:flex-start;height:70%;justify-content:center;padding:3rem 0 3rem 3rem;top:15%;width:85%}.project-left-card-container.expanded .project-left-background-2,.project-right-card-container.expanded .project-right-background-2{height:68%;top:15%;width:85%}.project-left-card-container.expanded .project-left-background-3,.project-right-card-container.expanded .project-right-background-3{height:70%;top:15%;width:85%}.project-card-content{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .5s ease-out;width:100%}.project-right-card-container .project-card-content{align-items:flex-start}.project-card-title{color:var(--background-color-light);font-size:2rem;font-weight:700;transition:all .5s ease-out;white-space:nowrap}.project-left-card-container.expanded .project-card-content,.project-right-card-container.expanded .project-card-content{align-items:center;gap:1.5rem;justify-content:flex-start}.project-left-card-container.expanded .project-card-title,.project-right-card-container.expanded .project-card-title{font-size:2.5rem;margin-bottom:1rem}.project-card-expanded{animation:fadeInUp .5s ease-out;width:100%}.project-card-expanded-content{align-items:center;display:flex;gap:2rem;width:100%}.project-card-expanded-left .project-card-expanded-content{flex-direction:row}.project-card-expanded-right .project-card-expanded-content{flex-direction:row-reverse}.project-card-text-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.project-card-image{border-radius:8px;box-shadow:0 4px 20px #0000004d;flex-shrink:0;height:auto;max-width:400px;overflow:hidden;width:45%}.project-card-image img{display:block;height:auto;object-fit:cover;width:100%}.project-card-description{color:var(--background-color-light);font-size:1.1rem;line-height:1.6;max-width:100%;opacity:.95;text-align:center}.project-card-link{border:2px solid var(--background-color-light);border-radius:6px;color:var(--background-color-light);display:inline-block;font-size:1.2rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.project-card-link:hover{background-color:var(--background-color-light);box-shadow:0 4px 12px #0003;color:var(--primary-color-light);transform:translateY(-2px)}@keyframes cascade-left-transparent-reverse{0%{opacity:.3;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes cascade-left-solid-reverse{0%{opacity:.9;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.skills-container{align-items:center;display:flex;flex-direction:column;margin-top:4rem;min-height:400px;overflow:hidden;padding:2rem;position:relative;width:100%;z-index:5}.skills-header{color:var(--secondary-color-light);font-size:2rem;font-weight:700;letter-spacing:.5px;margin-bottom:5rem;text-align:center}.skills-bubbles{align-items:center;display:flex;height:350px;justify-content:center;max-width:500px;position:relative;width:100%}.skill-name-center{animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1);color:var(--secondary-color-light);font-size:1.5rem;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 2px 10px #0003;top:50%;transform:translate(-50%,-50%);z-index:20}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.skill-bubble{--repel-x:0px;--repel-y:0px;--base-x:0px;--base-y:0px;align-items:center;animation:float 8s ease-in-out infinite;animation-delay:calc(var(--index)*.3s);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 20px #00000026;cursor:pointer;display:flex;height:75px;justify-content:center;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%) translate(var(--base-x),var(--base-y)) translate(var(--repel-x),var(--repel-y));transition:box-shadow .3s ease,background .3s ease,border-color .3s ease;width:75px;will-change:transform}.skill-icon{filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.1));height:42px;object-fit:contain;pointer-events:none;transition:transform .3s ease;-webkit-user-select:none;user-select:none;width:42px}.skill-bubble:hover{animation-play-state:paused;background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff6;box-shadow:0 8px 30px #00000040;transform:translate(-50%,-50%) translate(var(--base-x),var(--base-y)) scale(1.25);z-index:10}.skill-bubble:hover .skill-icon{transform:scale(1.1) rotate(5deg)}@keyframes float{0%,to{transform:translate(-50%,-50%) translate(var(--base-x),var(--base-y)) translate(var(--repel-x),var(--repel-y)) translateY(0)}25%{transform:translate(-50%,-50%) translate(var(--base-x),var(--base-y)) translate(var(--repel-x),var(--repel-y)) translateY(-8px)}50%{transform:translate(-50%,-50%) translate(var(--base-x),var(--base-y)) translate(var(--repel-x),var(--repel-y)) translateY(-4px)}75%{transform:translate(-50%,-50%) translate(var(--base-x),var(--base-y)) translate(var(--repel-x),var(--repel-y)) translateY(-10px)}}@media (max-width:768px){.skills-bubbles{height:280px;max-width:350px}.skill-bubble{height:60px;width:60px}.skill-icon{height:32px;width:32px}.skill-name-center{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.skill-bubble{animation:none}.skill-name-center{animation:none;opacity:1}}.contact-card-container{height:600px;position:relative;width:100%}.contact-background-1,.contact-background-2,.contact-background-3{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:3px;left:0;opacity:0;position:absolute;transform:none;transition:all .5s ease-out}.contact-card-container.visible .contact-background-2,.contact-card-container.visible .contact-background-3{animation:cascade-right-transparent .8s ease-out forwards}.contact-card-container:not(.visible) .contact-background-2,.contact-card-container:not(.visible) .contact-background-3{animation:cascade-right-transparent-reverse .8s ease-out forwards}.contact-background-3{animation-delay:0s;background-color:var(--tertiary-color-light);height:45%;top:25%;width:60%}.contact-background-2{animation-delay:.2s;background-color:var(--secondary-color-light);height:43%;top:25%;width:60%}.contact-background-1{align-items:flex-end;background-color:var(--primary-color-light);display:flex;flex-direction:column;height:41%;justify-content:center;padding:3rem;top:25%;width:60%;z-index:10}.contact-card-container.visible .contact-background-1{animation:cascade-right-solid .8s ease-out forwards;animation-delay:.4s}.contact-card-container:not(.visible) .contact-background-1{animation:cascade-right-solid-reverse .8s ease-out forwards;animation-delay:.4s}.contact-card-container.expanded .contact-background-1{align-items:center;height:75%;padding:3rem;top:12.5%;width:85%}.contact-card-container.expanded .contact-background-2{height:73%;top:12.5%;width:85%}.contact-card-container.expanded .contact-background-3{height:75%;top:12.5%;width:85%}.contact-card-content{align-items:flex-end;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;transition:all .5s ease-out;width:100%}.contact-card-container.expanded .contact-card-content{align-items:center}.contact-card-title{color:var(--background-color-light);font-size:2.5rem;font-weight:700;text-align:right;text-shadow:0 2px 8px #0000001a;transition:all .5s ease-out}.contact-card-container.expanded .contact-card-title{font-size:2.2rem;margin-bottom:.5rem;text-align:center}.contact-form-container{display:none;max-width:550px;opacity:0;transform:translateY(20px);transition:all .5s ease-out;width:100%}.contact-card-container.expanded .contact-form-container{animation:fadeInUp .6s ease-out forwards;animation-delay:.1s;display:block}.contact-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{position:relative;width:100%}.form-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff26;border-radius:12px;color:var(--background-color-light);font-family:inherit;font-size:1rem;padding:1.2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input::placeholder{color:#ffffff80;transition:all .3s ease}.form-input:hover{background:#ffffff1f;border-color:#ffffff40}.form-input:focus{background:#ffffff26;border-color:var(--background-color-light);box-shadow:0 0 0 4px #ffffff1a,0 4px 12px #00000026;outline:none;transform:translateY(-2px)}.form-input:focus::placeholder{opacity:.7;transform:translateX(5px)}.form-textarea{line-height:1.6;max-height:300px;min-height:120px;resize:vertical}.form-submit-btn{align-self:flex-start;background:linear-gradient(135deg,var(--background-color-light) 0,#fffffff2 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:var(--primary-color-light);cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1.2rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.form-submit-btn:hover:before{left:100%}.form-submit-btn:hover{background:linear-gradient(135deg,#fff,#fffffffa);box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.form-submit-btn:active{box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.form-input:invalid:not(:placeholder-shown){border-color:#ff646499}.form-input:valid:not(:placeholder-shown){border-color:#64ff9699}@keyframes cascade-right-transparent{0%{opacity:.3;transform:translateX(-100%)}to{opacity:.3;transform:translateX(0)}}@keyframes cascade-right-solid{0%{opacity:.9;transform:translateX(-100%)}to{opacity:.9;transform:translateX(0)}}@keyframes cascade-right-transparent-reverse{0%{opacity:.3;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes cascade-right-solid-reverse{0%{opacity:.9;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact-card-container{height:550px}.contact-card-title{font-size:2rem}.contact-card-container.expanded .contact-card-title{font-size:1.8rem}.contact-background-1{padding:2rem}.contact-background-1,.contact-background-2,.contact-background-3{border-radius:6px;width:75%}.contact-card-container.expanded .contact-background-1{height:80%;padding:2.5rem;top:10%;width:90%}.contact-card-container.expanded .contact-background-2{height:78%;top:10%;width:90%}.contact-card-container.expanded .contact-background-3{height:80%;top:10%;width:90%}.contact-form-container{max-width:100%}.form-input{font-size:.95rem;padding:1rem 1.25rem}.form-submit-btn{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.contact-card-container{height:520px}.contact-card-title{font-size:1.75rem;padding:0 1rem}.contact-card-container.expanded .contact-card-title{font-size:1.6rem;margin-bottom:1rem}.contact-background-1{align-items:center;padding:1.5rem;text-align:center}.contact-background-1,.contact-background-2,.contact-background-3{border-radius:8px;width:90%}.contact-card-content{align-items:center;gap:1.5rem}.contact-card-container.expanded .contact-background-1{height:85%;padding:1.5rem;top:7.5%;width:95%}.contact-card-container.expanded .contact-background-2{height:83%;top:7.5%;width:95%}.contact-card-container.expanded .contact-background-3{height:85%;top:7.5%;width:95%}.contact-form{gap:1.25rem}.form-input{border-radius:10px;font-size:.95rem;padding:1rem 1.2rem}.form-textarea{min-height:110px}.form-submit-btn{align-self:stretch;border-radius:10px;font-size:1rem;padding:1rem 2rem;width:100%}}@media (max-width:360px){.contact-card-container{height:480px}.contact-card-title{font-size:1.5rem;padding:0 .75rem}.contact-card-container.expanded .contact-card-title{font-size:1.4rem}.contact-background-1{padding:1.25rem;width:95%}.contact-background-2,.contact-background-3{width:95%}.contact-card-container.expanded .contact-background-1{height:88%;padding:1.25rem;top:6%;width:98%}.contact-card-container.expanded .contact-background-2{height:86%;top:6%;width:98%}.contact-card-container.expanded .contact-background-3{height:88%;top:6%;width:98%}.contact-form{gap:1rem}.form-input{font-size:.9rem;padding:.9rem 1rem}.form-textarea{min-height:100px}.form-submit-btn{font-size:.95rem;padding:.9rem 1.5rem}}.contact-header-container{height:500px;position:relative;width:100%}.contact-header-background-1,.contact-header-background-2,.contact-header-background-3{animation:cascade-left-transparent .8s ease-out forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:3px;opacity:0;position:absolute;right:0}.contact-header-background-3{animation-delay:0s;background-color:var(--tertiary-color-light);height:34%;top:30%;width:60%}.contact-header-background-2{animation-delay:.2s;background-color:var(--secondary-color-light);height:32%;top:30%;width:60%}.contact-header-background-1{align-items:flex-start;animation:cascade-left-solid .8s ease-out forwards;animation-delay:.4s;background-color:var(--primary-color-light);display:flex;flex-direction:column;height:30%;justify-content:center;padding:2rem;top:30%;width:60%}.contact-header-social-links{display:flex;gap:1.5rem;margin-top:1.5rem}.contact-header-social-link{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--background-color-light);display:flex;font-size:1.5rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.contact-header-social-link:hover{background-color:var(--background-color-light);box-shadow:0 4px 12px #0003;color:var(--primary-color-light);transform:translateY(-2px) scale(1.1)}.contact-header-container.visible .contact-header-background-2,.contact-header-container.visible .contact-header-background-3{animation:cascade-left-transparent .8s ease-out forwards}.contact-header-container.visible .contact-header-background-1{animation:cascade-left-solid .8s ease-out forwards;animation-delay:.4s}@keyframes cascade-left-transparent{0%{opacity:.3;transform:translateX(100%)}to{opacity:.3;transform:translateX(0)}}@keyframes cascade-left-solid{0%{opacity:.9;transform:translateX(100%)}to{opacity:.9;transform:translateX(0)}}.contact-header-title{color:var(--background-color-light);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.contact-header-description{color:var(--background-color-light);font-size:1.1rem;line-height:1.6;margin-top:.5rem;opacity:.95}@media (max-width:768px){.contact-header-container{height:450px}.contact-header-background-1,.contact-header-background-2,.contact-header-background-3{border-radius:6px;width:75%}.contact-header-background-1{height:32%;padding:1.75rem}.contact-header-background-2{height:34%}.contact-header-background-3{height:36%}.contact-header-title{font-size:2rem}.contact-header-description{font-size:1rem;line-height:1.5}.contact-header-social-links{gap:1.25rem;margin-top:1.25rem}.contact-header-social-link{font-size:1.4rem;height:42px;width:42px}}@media (max-width:480px){.contact-header-container{height:400px}.contact-header-background-1,.contact-header-background-2,.contact-header-background-3{border-radius:8px;width:90%}.contact-header-background-1{height:35%;padding:1.5rem;top:28%}.contact-header-background-2{height:37%;top:28%}.contact-header-background-3{height:39%;top:28%}.contact-header-title{font-size:1.75rem;margin-bottom:.5rem}.contact-header-description{font-size:.95rem;line-height:1.5;margin-top:.5rem}.contact-header-social-links{flex-wrap:wrap;gap:1rem;margin-top:1rem}.contact-header-social-link{font-size:1.4rem;height:48px;width:48px}.contact-header-social-link:active{transform:translateY(0) scale(1.05)}}@media (max-width:360px){.contact-header-container{height:380px}.contact-header-background-1,.contact-header-background-2,.contact-header-background-3{border-radius:8px;width:95%}.contact-header-background-1{height:38%;padding:1.25rem;top:26%}.contact-header-background-2{height:40%;top:26%}.contact-header-background-3{height:42%;top:26%}.contact-header-title{font-size:1.5rem;margin-bottom:.4rem}.contact-header-description{font-size:.9rem;line-height:1.4;margin-top:.4rem}.contact-header-social-links{gap:.9rem;margin-top:.9rem}.contact-header-social-link{font-size:1.3rem;height:44px;width:44px}}
/*# sourceMappingURL=main.0d4d45a4.css.map*/