@font-face{font-family:FiraSans;src:url(/fonts/FiraSans-Regular.ttf) format("truetype")}@font-face{font-family:FiraSansLight;src:url(/fonts/FiraSans-Light.ttf) format("truetype")}.header{padding:2rem 7%;display:flex;justify-content:space-between;align-items:center;font-family:FiraSans;top:0;left:0;position:fixed;z-index:5;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 32px #0000004d;width:100%;box-sizing:border-box;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.header.blog-page{justify-content:space-between;background:#0009}.header__back{color:#fff;text-decoration:none;font-size:2em;line-height:1;transition:color .3s ease;display:flex;align-items:center;padding:8px 12px;font-family:FiraSansLight}.header__back:hover{color:#72e5e1;cursor:pointer}.header.hide{transform:translateY(-100%);opacity:0}.header__logo{font-size:2em;color:#fff;text-decoration:none;font-family:FiraSansLight;transition:transform .5s ease;position:relative;z-index:10}.header__logo:hover{cursor:pointer;transform:scale(1.1)}.header__logo-last{color:#72e5e1;text-shadow:0 0 25px rgb(85,192,234)}.header__nav{display:flex;gap:12px}.header__nav-link{text-decoration:none;color:#fff;font-size:1em;font-family:FiraSansLight;padding:8px 12px;transition:color .3s ease}.header__nav-link:hover{cursor:pointer;color:#72e5e1}@media (max-width: 768px){.header__nav-link{padding:.8rem 1.2rem;width:100%;text-align:right;border-radius:6px;transition:all .3s ease}.header__nav-link:hover{background:#72e5e11a}}.header__hamburger{visibility:hidden}@media (max-width: 768px){.header{padding:1.5rem 5%}.header__nav{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:#101820d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;margin:.5rem;padding:.5rem;border-radius:12px;z-index:10;width:auto;min-width:200px;align-items:flex-end;transform:translateY(-10px);opacity:0;transition:transform .3s ease,opacity .3s ease}.header__nav.open{display:flex;transform:translateY(0);opacity:1}.header__hamburger{visibility:visible;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.2em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;outline:none;z-index:15;transition:all .3s ease}.header__hamburger:hover{color:#72e5e1;border-color:#72e5e14d;background:#ffffff14}.header__back{font-size:1.3em;padding:8px}}@font-face{font-family:FiraSans;src:url(/fonts/FiraSans-Regular.ttf) format("truetype")}.main{display:flex;align-items:center;justify-content:center;gap:2rem;padding:0 10%;font-family:FiraSans;min-height:100vh}.main__intro{padding-bottom:7em;padding-left:10em;flex:1;text-align:left}.main__contact{text-decoration:none;color:#fff;transition:color .3s ease}.main__contact:hover{cursor:pointer;color:#72e5e1}.main__skills{display:flex;align-items:center;flex-direction:column;flex:1;text-align:left;color:transparent;padding:2rem}.main__skills-icon{display:flex;align-items:center;width:50px;height:50px;fill:#fff;animation:fadeIn 1.5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.main__title{color:#fff;font-size:4em;margin-top:0;margin-bottom:8px;animation:fadeIn 1.5s ease-in-out}.main__title-name{color:#72e5e1;text-shadow:0 0 25px rgb(85,192,234)}.main__typing{margin:auto;color:#fff;font-size:2.8em;animation:fadeIn 3.5s ease-in-out;white-space:normal;word-break:break-word}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}.main__typing-gradient{background:linear-gradient(90deg,#72e5e1,#2575fc,#72e5e1);background-size:500% 500%;animation:gradientShift 3s linear infinite;-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;display:inline-block}.main__typing-gradient:after{content:"|";color:#72e5e1;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.main__about{color:#fff;width:60%;text-align:left;padding:10px 0}.main__content{animation:fadeIn 2s ease-in-out}@media (max-width: 1025px){.main__typing{font-size:2em}}@media (max-width: 768px){.main{flex-direction:column;padding:2rem 5%}.main__title{font-size:3.5em;margin-top:2em}.main__typing{font-size:1.8em}.main__intro{padding-left:6em}}@media (max-width: 390px){.main__typing-gradient{font-size:.8em}}@media (max-width: 480px){.main{flex-direction:column;align-items:center;text-align:center;padding:2rem 5%;min-height:fit-content}.main__intro{padding-bottom:2rem;padding-left:0}.main__title{font-size:2.5em;margin-bottom:.5em}.main__typing{font-size:100%;text-align:left;display:flex;gap:4px;align-items:flex-end}.main__about{width:90%;font-size:.9em;padding:1rem 0;color:#ccc}.main__typing-gradient{font-size:1.2em}}@font-face{font-family:FiraSansLight;src:url(/fonts/FiraSans-Light.ttf) format("truetype")}.featured-project{gap:16px;font-family:FiraSansLight}.featured-project__content{text-align:right}.featured-project__details{display:flex;flex-direction:column;align-items:flex-end}.featured-project__header{color:#72e5e1;margin:auto}.featured-project__title{font-size:2em}.featured-project__description{max-width:50%;position:relative;font-size:1em;background-color:#153875bd;padding:20px;border-radius:4px}.featured-project__technologies{display:inline-flex;position:relative;color:#fff;max-width:30%;word-wrap:break-word;word-break:break-word;white-space:normal;text-align:right}.featured-project__image{position:absolute;width:100%;max-width:700px;min-height:400px;border-radius:10px;filter:grayscale(50%);transition:filter .3s ease-in-out,transform .3s ease-in-out}.featured-project__image-link:hover .featured-project__image{filter:grayscale(0%);transform:scale(1.05)}.featured-project__image-link{display:inline-block;overflow:hidden}.featured-project__link{margin-right:1rem;columns:white}.featured-project__icon{width:24px;height:24px;fill:#fff;transition:transform .3s ease,fill .3s ease}.featured-project__icon:hover{fill:#72e5e1;transform:scale(1.5)}@media (max-width: 1200px){.featured-project{display:flex;flex-direction:column-reverse;align-items:center}.featured-project__title{margin:.3em}.featured-project__description{margin:auto}.featured-project__image{position:relative;filter:grayscale(0%)}.featured-project__content{display:flex;flex-direction:column;align-items:center}.featured-project__details{align-items:center;text-align:center}.featured-project__technologies{text-align:center;max-width:60%}}@media (max-width: 480px){.featured-project__description{max-width:none}.featured-project__image{min-height:175px}}@font-face{font-family:FiraSansLight;src:url(/fonts/FiraSans-Light.ttf) format("truetype")}.project-card{padding:16px;border-radius:8px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;font-family:FiraSansLight}.project-card:hover{transform:translateY(-5px);background:#ffffff14;box-shadow:0 8px 32px #72e5e133;border:1px solid rgba(114,229,225,.2)}.project-card__title{font-size:1.5em}.project-card__description{font-size:1em;color:#fff}.project-card__technologies{font-size:.9em;color:#999898}.project-card__links{display:flex;gap:12px}.project-card__icon{width:24px;height:24px;fill:#fff;transition:transform .3s ease,fill .3s ease}.project-card__icon:hover{fill:#72e5e1;transform:scale(1.5)}.project-card__link{text-decoration:none;color:#007bff}.project-card__link:hover{text-decoration:underline}@media (min-width: 768px) and (max-width: 1024px){.project-card{padding:12px;gap:12px}.project-card__title{font-size:1.4em;text-align:center}.project-card__description{font-size:1em;text-align:center;color:#c8c8c8}.project-card__technologies{font-size:.95em;text-align:center}.project-card__links{justify-content:center;gap:16px}.project-card__icon{width:28px;height:28px}.project-card__link{font-size:1em}}@media (max-width: 768px){.project-card{gap:0}.project-card__title{margin:.2em 0}}@font-face{font-family:FiraSans;src:url(/fonts/FiraSans-Regular.ttf) format("truetype")}.projects{padding:4rem 12%;font-family:FiraSans;min-height:90vh;color:#fff}.projects__title{display:flex;align-items:center;margin-bottom:1.5em;color:#fff;font-size:2em;gap:1rem}.projects__title-line{display:inline-block;height:2px;background-color:#b2b2b299;width:25%}.projects__list{display:flex;flex-direction:column;gap:7rem}.projects__sub-title{display:flex;gap:1rem;color:#b2b2b2;font-size:1.8em;padding-top:4em;align-items:center;margin-bottom:1.5em}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}@media (max-width: 768px){.projects__grid{grid-template-columns:none}}@font-face{font-family:FiraSans;src:url(/fonts/FiraSans-Regular.ttf) format("truetype")}.blog{padding:4rem 12%;font-family:FiraSans;color:#fff;min-height:75vh;padding:4rem 7%}@keyframes titleEntrance{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.blog__title{display:flex;align-items:center;margin-bottom:1.5em;margin-top:1.5em;color:#b2b2b2;font-size:2em;gap:1rem;opacity:0;animation:titleEntrance .6s ease-out forwards}.blog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}@keyframes cardEntrance{0%{opacity:0;transform:scale(.95) translateY(20px);filter:blur(5px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.blog__card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:10px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:all .3s ease-in-out;font-family:FiraSansLight;opacity:0;animation:cardEntrance .8s ease-out forwards}.blog__card:hover{transform:translateY(-5px);background:#ffffff14;border:1px solid rgba(114,229,225,.2);box-shadow:0 8px 32px #72e5e133;cursor:pointer}.blog__card-title{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.blog__card-date{color:#fff;font-size:.9rem;margin-bottom:1rem;margin-top:auto}.blog__card-excerpt{color:#fff;line-height:1.6;margin-bottom:1.5rem}.blog__card-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog__tag{background:#72e5e11a;color:#72e5e1;border:1px solid rgba(114,229,225,.3);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .3s ease}.blog__tag:hover{background:#72e5e133;border-color:#72e5e180}@keyframes modalOverlayEntrance{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes modalEntrance{0%{opacity:0;transform:scale(.98) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.blog__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:modalOverlayEntrance .3s ease-out forwards}.blog__modal{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;border-radius:16px;position:relative;box-shadow:0 8px 32px #0006;color:#fff;animation:modalEntrance .4s ease-out forwards}.blog__modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;font-size:1.5rem;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.blog__modal-close:hover{background:#fff3}.blog__modal-title{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.blog__modal-meta{color:#ffffffb3;margin-bottom:1.5rem}.blog__modal-content{line-height:1.8;color:#ffffffe6}.blog__modal-content img{max-width:100%;height:auto;margin:1rem 0;border-radius:4px}.blog__about{text-align:center;margin-top:150px}.blog-image{width:100%;max-width:600px;height:auto;margin:1rem 0;border-radius:8px;box-shadow:0 4px 6px #0000001a}.blog__card-hero{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.blog__modal-content a{color:#72e5e1;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.blog__modal-content a:hover{border-bottom-color:#72e5e1;text-shadow:0 0 10px rgba(114,229,225,.5)}@font-face{font-family:FiraSans;src:url(/fonts/FiraSans-Regular.ttf) format("truetype")}@font-face{font-family:FiraSansLight;src:url(/fonts/FiraSans-Light.ttf) format("truetype")}.contact{padding:5rem 12% 4rem;min-height:60vh;font-family:FiraSans;text-align:center;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 32px #0000004d}.contact__header{color:#72e5e1;font-size:1.4em;text-align:center;margin-top:3em;margin-bottom:3rem;font-family:FiraSansLight}.contact__sub-header{color:#fff;font-size:2em;margin-bottom:1rem}.contact__text{font-family:FiraSansLight;color:#fff;font-size:1em;max-width:500px;margin:0 auto 2rem;line-height:1.5}.contact__button{display:inline-block;padding:.75rem 1.5rem;font-family:FiraSans;font-size:1em;font-weight:700;color:#101820;background-color:#72e5e1;border:none;border-radius:5px;text-decoration:none;transition:all .3s ease-in-out;cursor:pointer}.contact__button:hover{background-color:#0faba1;color:#fff;transform:translateY(-3px);box-shadow:0 4px 10px #72e5e180}.contact__button:active{transform:translateY(0);box-shadow:none}.contact__fallback{margin-top:10px;font-size:.9rem;color:#999898}.contact__fallback button{background:none;border:none;color:#72e5e1;text-decoration:underline;cursor:pointer;padding:0;font-size:.9rem}.contact__fallback button:hover{color:#0056b3}@media (max-width: 768px){.contact{padding:4rem 5%}.contact__header{font-size:1.2em}.contact__sub-header{font-size:1.5em}.contact__text{font-size:.9em}.contact__button{font-size:.9em;padding:.5rem 1rem}}@font-face{font-family:FiraSansLight;src:url(/fonts/FiraSans-Light.ttf) format("truetype")}.footer{padding:1rem 0 0rem;font-family:FiraSansLight}.footer__credit{color:#fff;text-align:center;font-size:.8em}.social-list{position:fixed;top:80%;left:2rem;display:flex;flex-direction:column;gap:1rem;animation:fadeIn 6s ease-in-out}.social-list__link{display:inline-block}.social-list__icon{fill:#fff;width:24px;height:24px;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.social-list__icon:hover{fill:#72e5e1;transform:scale(1.5)}.social-list__line{align-self:center;width:2px;height:calc(100vh - 2rem);background-color:#b2b2b2}@keyframes fadeIn{0%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.social-list{top:90%;left:0}}html{scroll-behavior:smooth}:root{background:linear-gradient(45deg,#101820f7,#164e63f7,#101820f7),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-attachment:fixed;background-size:200% 200%,50px 50px;animation:gradientMove 15s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%,0 0}50%{background-position:100% 50%,0 0}to{background-position:0% 50%,0 0}}.glass-effect{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;border-radius:10px}