.navbar{height:70px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 20px}.navbar-logo{display:flex;align-items:center;text-decoration:none}.logo-text{margin-left:12px;font-size:1.3rem;color:#83cceb;font-weight:500;transition:.3s}.logo-text:hover{color:#09bc8a}.nav-menu{display:flex;list-style:none;gap:20px}.nav-item{display:flex}.nav-links{color:#83cceb;text-decoration:none;font-size:1rem;padding:8px 14px;border-radius:8px;position:relative;transition:all .3s ease}.nav-links:hover{color:#09bc8a;background:#09bc8a14}.nav-links:after{content:"";position:absolute;bottom:-4px;left:50%;width:0%;height:2px;background:#09bc8a;transition:all .3s ease;transform:translate(-50%)}.nav-links:hover:after{width:70%}.active:after{width:80%}@media screen and (max-width: 767px){.nav-menu{gap:10px}.nav-links{font-size:.9rem;padding:6px 10px}.logo-text{font-size:1.1rem}}.aboutWrapper{padding:2em 2em 0;color:#c8e6f3;min-height:100vh;display:flex;flex-direction:column}.aboutProjectButton{color:#fff;display:inline-block;border:1px solid #09BC8A;background-color:#09bc8a;border-radius:10px;padding:.5em;cursor:pointer;margin-top:2em;transition:.5s;text-shadow:0px 0px 1px #172A3A}.aboutProjectButton:hover{transform:scale(1.1);transition:.5s;box-shadow:0 0 10px #74b3ce}#aboutSecond h1{color:#ebebeb}#aboutSecond p{color:#70d4ff}#aboutEighth{padding-bottom:2em}#aboutEighth h1{text-align:center;margin-bottom:.5em}.skillsLogoContainer{display:grid;grid-template-columns:repeat(8,1fr);gap:1rem;justify-items:center}.skillCard{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border:1px solid rgba(9,188,138,.4);border-radius:12px;background:#ffffff08;transition:.3s ease}.skillCard:hover{transform:translateY(-3px);box-shadow:0 0 12px #74b3ce66;border-color:#09bc8a}.skillIcon{font-size:1.6rem;color:#09bc8a}.skillLabel{font-size:.95rem;font-weight:600}@media screen and (min-width: 960px){#aboutFirstSection{min-height:78vh;padding-left:4em;padding-top:2em}#aboutSecond p{display:none}#aboutFirst p{color:#09bc8a}#aboutSecond h1{margin-top:.35em;font-size:3rem}#aboutThird h2{margin-top:.25em}#aboutFourth{max-width:45vw}#aboutFourth p{margin-top:1em}#aboutFourth p:first-child{display:none}#aboutSeventh{align-self:center}#aboutSeventh h1{text-align:center}#aboutSeventh p:nth-child(2){text-align:center;margin-bottom:.5em;color:#70d4ff}}@media screen and (min-width: 768px) and (max-width: 959px){#aboutFourth p:last-child{display:none}}@media screen and (max-width: 767px){#aboutFirst{display:none}#aboutSecond h1{margin-bottom:.1em}#aboutSecond p{margin-bottom:1.5em;padding-top:0}#aboutFifth{display:flex;justify-content:center}#aboutSeventh h1{text-align:center}#aboutSeventh p:nth-child(2){text-align:center;margin-bottom:.5em;color:#70d4ff}#aboutThird{display:none}#aboutFourth p:last-child{display:none}}@media (max-width: 1200px){.skillsLogoContainer{grid-template-columns:repeat(4,1fr)}}@media (max-width: 800px){.skillsLogoContainer{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.skillsLogoContainer{grid-template-columns:repeat(2,1fr)}}.card{width:100%;min-height:320px;background:#ffffff0a;border:1px solid rgba(116,179,206,.18);border-radius:18px;box-shadow:0 10px 30px #0000002e;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #00000047;border-color:#09bc8a99}.card-image{width:100%;height:180px;object-fit:contain;padding:1.5rem;background:#ffffff05}.card-content{display:flex;flex-direction:column;justify-content:flex-start;padding:1.25rem 1.25rem 1.5rem;text-align:center;flex-grow:1}.card-title{margin:0 0 .75rem;font-size:1.35rem;color:#f4fbff}.card-text{margin:0;color:#a9cfe0;font-size:.98rem;line-height:1.6;font-weight:500}@media screen and (max-width: 767px){.card{min-height:280px}.card-image{height:160px;padding:1rem}.card-title{font-size:1.2rem}.card-text{font-size:.95rem}}.projects-page{min-height:100vh;padding:3rem 1.5rem 4rem;color:#c8e6f3}.projects-header{max-width:900px;margin:0 auto 2.5rem;text-align:center}.projects-eyebrow{color:#09bc8a;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.projects-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);color:#f4fbff}.projects-subtitle{max-width:700px;margin:1rem auto 0;color:#9fc7d8;font-size:1rem;line-height:1.7}.projects-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:1.5rem}.project-link{text-decoration:none;color:inherit;display:block}@media screen and (max-width: 1100px){.projects-container{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media screen and (max-width: 767px){.projects-page{padding:2rem 1rem 3rem}.projects-container{grid-template-columns:1fr;gap:1rem}}.web-page{min-height:100vh;padding:3rem 1.5rem 4rem;color:#c8e6f3}.web-header{max-width:900px;margin:0 auto 2.5rem;text-align:center}.web-eyebrow{color:#09bc8a;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.web-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);color:#f4fbff}.web-subtitle{max-width:720px;margin:1rem auto 0;color:#9fc7d8;font-size:1rem;line-height:1.7}.web-projects-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.project-item-web{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff08;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.project-item-web:hover{transform:translateY(-2px);box-shadow:0 0 14px #74b3ce24}.project-header-web{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;color:#fff;background:transparent;border:none;text-align:left;transition:background-color .3s ease}.project-header-web:hover,.expanded .project-header-web{background-color:#09bc8a1f}.project-title-group{display:flex;flex-direction:column;gap:.25rem}.project-title-web{font-size:1.2rem;font-weight:700;color:#f4fbff}.project-subtitle-web{font-size:.95rem;color:#9fc7d8}.navbar-icon-container{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.project-icon-web{height:52px;width:auto;object-fit:contain}.project-details-web{padding:0 1.25rem 1.25rem;background-color:#61616105}.project-details-web ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.project-details-web li{color:#d8edf7;border:none;padding:0;text-align:left;line-height:1.6;margin:0;max-width:100%}.project-details-web-li-bold{color:#09bc8a!important;font-weight:700;text-decoration:underline;margin-top:.5rem!important}.project-links-row-web{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.project-link-button-web{display:inline-block;padding:.7rem 1rem;background-color:#09bc8a;color:#fff;text-decoration:none;border-radius:8px;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease;font-weight:600}.project-link-button-web:hover{background-color:#07a373;transform:translateY(-1px);box-shadow:0 0 10px #74b3ce33}.github-button-web{background-color:transparent;border:1px solid #09BC8A}.github-button-web:hover{background-color:#09bc8a1f}@media screen and (max-width: 767px){.web-page{padding:2rem 1rem 3rem}.project-header-web{align-items:flex-start;flex-direction:column}.navbar-icon-container{gap:.4rem}.project-icon-web{height:42px}.project-title-web{font-size:1.05rem}.project-subtitle-web{font-size:.9rem}.project-links-row-web{flex-direction:column}.project-link-button-web{width:100%;text-align:center}}.python-page{min-height:100vh;padding:3rem 1.5rem 4rem;color:#c8e6f3}.python-header{max-width:900px;margin:0 auto 2.5rem;text-align:center}.python-eyebrow{color:#09bc8a;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.python-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);color:#f4fbff}.python-subtitle{max-width:720px;margin:1rem auto 0;color:#9fc7d8;font-size:1rem;line-height:1.7}.python-projects-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.project-item-python{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff08;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.project-item-python:hover{transform:translateY(-2px);box-shadow:0 0 14px #74b3ce24}.project-header-python{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;color:#fff;background:transparent;border:none;text-align:left;transition:background-color .3s ease}.project-header-python:hover,.expanded .project-header-python{background-color:#09bc8a1f}.project-title-group-python{display:flex;flex-direction:column;gap:.25rem}.project-title-python{font-size:1.2rem;font-weight:700;color:#f4fbff}.project-subtitle-python{font-size:.95rem;color:#9fc7d8}.navbar-icon-container-python{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.project-icon-python{height:52px;width:auto;object-fit:contain}.project-details-python{padding:0 1.25rem 1.25rem;background-color:#61616105}.project-details-python ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.project-details-python li{color:#d8edf7;border:none;padding:0;text-align:left;line-height:1.6;margin:0;max-width:100%}.project-details-python-li-bold{color:#09bc8a!important;font-weight:700;text-decoration:underline;margin-top:.5rem!important}.project-links-row-python{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.project-link-button-python{display:inline-block;padding:.7rem 1rem;background-color:#09bc8a;color:#fff;text-decoration:none;border-radius:8px;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease;font-weight:600}.project-link-button-python:hover{background-color:#07a373;transform:translateY(-1px);box-shadow:0 0 10px #74b3ce33}.github-button-python{background-color:transparent;border:1px solid #09BC8A}.github-button-python:hover{background-color:#09bc8a1f}@media screen and (max-width: 767px){.python-page{padding:2rem 1rem 3rem}.project-header-python{align-items:flex-start;flex-direction:column}.navbar-icon-container-python{gap:.4rem}.project-icon-python{height:42px}.project-title-python{font-size:1.05rem}.project-subtitle-python{font-size:.9rem}.project-links-row-python{flex-direction:column}.project-link-button-python{width:100%;text-align:center}}.cpp-page{min-height:100vh;padding:3rem 1.5rem 4rem;color:#c8e6f3}.cpp-header{max-width:900px;margin:0 auto 2.5rem;text-align:center}.cpp-eyebrow{color:#09bc8a;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.cpp-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);color:#f4fbff}.cpp-subtitle{max-width:720px;margin:1rem auto 0;color:#9fc7d8;font-size:1rem;line-height:1.7}.cpp-projects-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.project-item-cpp{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff08;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.project-item-cpp:hover{transform:translateY(-2px);box-shadow:0 0 14px #74b3ce24}.project-header-cpp{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;color:#fff;background:transparent;border:none;text-align:left;transition:background-color .3s ease}.project-header-cpp:hover,.expanded .project-header-cpp{background-color:#09bc8a1f}.project-title-group-cpp{display:flex;flex-direction:column;gap:.25rem}.project-title-cpp{font-size:1.2rem;font-weight:700;color:#f4fbff}.project-subtitle-cpp{font-size:.95rem;color:#9fc7d8}.project-icon-cpp{height:52px;width:auto;object-fit:contain;flex-shrink:0}.project-details-cpp{padding:0 1.25rem 1.25rem;background-color:#61616105}.project-details-cpp ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.project-details-cpp li{color:#d8edf7;border:none;padding:0;text-align:left;line-height:1.6;margin:0;max-width:100%}.project-details-cpp-li-bold{color:#09bc8a!important;font-weight:700;text-decoration:underline;margin-top:.5rem!important}.project-links-row-cpp{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.project-link-button-cpp{display:inline-block;padding:.7rem 1rem;background-color:#09bc8a;color:#fff;text-decoration:none;border-radius:8px;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease;font-weight:600}.project-link-button-cpp:hover{background-color:#07a373;transform:translateY(-1px);box-shadow:0 0 10px #74b3ce33}.github-button-cpp{background-color:transparent;border:1px solid #09BC8A}.github-button-cpp:hover{background-color:#09bc8a1f}@media screen and (max-width: 767px){.cpp-page{padding:2rem 1rem 3rem}.project-header-cpp{align-items:flex-start;flex-direction:column}.project-icon-cpp{height:42px}.project-title-cpp{font-size:1.05rem}.project-subtitle-cpp{font-size:.9rem}.project-links-row-cpp{flex-direction:column}.project-link-button-cpp{width:100%;text-align:center}}.game-page{min-height:100vh;padding:3rem 1.5rem 4rem;color:#c8e6f3}.game-header{max-width:900px;margin:0 auto 2.5rem;text-align:center}.game-eyebrow{color:#09bc8a;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.game-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);color:#f4fbff}.game-subtitle{max-width:720px;margin:1rem auto 0;color:#9fc7d8;font-size:1rem;line-height:1.7}.game-projects-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.project-item-game{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff08;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.project-item-game:hover{transform:translateY(-2px);box-shadow:0 0 14px #74b3ce24}.project-header-game{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;color:#fff;background:transparent;border:none;text-align:left;transition:background-color .3s ease}.project-header-game:hover,.expanded .project-header-game{background-color:#09bc8a1f}.project-title-group-game{display:flex;flex-direction:column;gap:.25rem}.project-title-game{font-size:1.2rem;font-weight:700;color:#f4fbff}.project-subtitle-game{font-size:.95rem;color:#9fc7d8}.navbar-icon-container-game{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.project-icon-game{height:52px;width:auto;object-fit:contain}.project-details-game{padding:0 1.25rem 1.25rem;background-color:#61616105}.project-details-game ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.project-details-game li{color:#d8edf7;border:none;padding:0;text-align:left;line-height:1.6;margin:0;max-width:100%}.project-details-game-li-bold{color:#09bc8a!important;font-weight:700;text-decoration:underline;margin-top:.5rem!important}.project-links-row-game{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.project-link-button-game{display:inline-block;padding:.7rem 1rem;background-color:#09bc8a;color:#fff;text-decoration:none;border-radius:8px;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease;font-weight:600}.project-link-button-game:hover{background-color:#07a373;transform:translateY(-1px);box-shadow:0 0 10px #74b3ce33}.github-button-game{background-color:transparent;border:1px solid #09BC8A}.github-button-game:hover{background-color:#09bc8a1f}.expanded{background-color:#ffffff0b}.hLine:after{content:"";display:block;width:100%;height:1px;margin:.5rem auto;background:linear-gradient(to right,transparent 10%,#09BC8A 45%,#09BC8A 55%,transparent 90%);margin-top:2.5em;margin-bottom:1.5em}@media screen and (max-width: 767px){.game-page{padding:2rem 1rem 3rem}.project-header-game{align-items:flex-start;flex-direction:column}.navbar-icon-container-game{gap:.4rem}.project-icon-game{height:42px}.project-title-game{font-size:1.05rem}.project-subtitle-game{font-size:.9rem}.project-links-row-game{flex-direction:column}.project-link-button-game{width:100%;text-align:center}}.contact-page{min-height:100vh;padding:3rem 1.5rem 4rem;color:#c8e6f3}.contact-header{max-width:800px;margin:0 auto;text-align:center}.contact-eyebrow{color:#09bc8a;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.contact-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);color:#f4fbff}.contact-subtitle{max-width:650px;margin:1rem auto 0;color:#9fc7d8;font-size:1rem;line-height:1.7}.hLine:after{content:"";display:block;width:100%;height:1px;margin:.5rem auto;background:linear-gradient(to right,transparent 10%,#09BC8A 45%,#09BC8A 55%,transparent 90%);margin-top:2.5em;margin-bottom:2em}.contact-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:1.5rem}.contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;padding:2rem 1.5rem;min-height:280px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(116,179,206,.18);box-shadow:0 10px 30px #0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.contact-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #00000047;border-color:#09bc8a99}.contact-icon{width:72px;height:72px;object-fit:contain;margin-bottom:1.25rem}.contact-card h2{margin:0 0 .75rem;font-size:1.35rem;color:#f4fbff}.contact-card p{margin:0 0 1.25rem;color:#a9cfe0;line-height:1.6;font-size:.98rem}.contact-action{margin-top:auto;color:#09bc8a;font-weight:700;letter-spacing:.02em}@media screen and (max-width: 950px){.contact-grid{grid-template-columns:1fr;max-width:450px}}@media screen and (max-width: 767px){.contact-page{padding:2rem 1rem 3rem}.contact-card{min-height:240px;padding:1.5rem 1.25rem}.contact-icon{width:60px;height:60px}}.resume-container{padding:40px;text-align:left;max-width:900px;margin:0 auto;color:#fff}.resumeButton-container{display:flex;justify-content:center;margin-top:2em}.resume-container h1{text-align:center;color:#09bc8a;font-size:2.5rem;margin-bottom:20px}.resume-section{margin-bottom:40px}.resume-section h2{color:#83cceb;font-size:1.8rem;border-bottom:2px solid #09BC8A;padding-bottom:10px;margin-bottom:20px}.resume-item{margin-bottom:24px;background-color:#ffffff0a;padding:18px;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.resume-item:hover{transform:scale(1.02);box-shadow:0 0 12px #74b3ce33}.resume-item a{text-decoration:none;display:block}.resume-item h3{font-size:1.35rem;color:#09bc8a;margin-bottom:6px}.resume-item p{font-size:1.05rem;color:#ccc;margin:4px 0;line-height:1.6}.resume-role{color:#fff;font-weight:600}.resume-date{color:#83cceb;font-size:.98rem}.resume-bullets{margin-top:10px;padding-left:20px}.resume-bullets li{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:8px}.project-bullets li{color:#d8d8d8}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.skill-card{background-color:#ffffff14;padding:18px;border-radius:10px}.skill-card h3{color:#09bc8a;font-size:1.2rem;margin-bottom:10px}.skill-card p{color:#ccc;line-height:1.6;margin:0}.resumeButton{margin:2em auto;color:#fff;display:inline-block;border:1px solid #09BC8A;background-color:#09bc8a;border-radius:10px;padding:.6em 1.2em;cursor:pointer;transition:.3s ease;text-shadow:0px 0px 1px #172A3A;text-decoration:none;text-align:center;font-weight:700}.resumeButton:hover{transform:scale(1.08);box-shadow:0 0 10px #74b3ce}@media (max-width: 768px){.resume-container{padding:20px}.resume-container h1{font-size:2rem}.resume-section h2{font-size:1.5rem}.resume-item h3,.skill-card h3{font-size:1.15rem}.resume-item p,.resume-bullets li,.skill-card p{font-size:1rem}.skills-grid{grid-template-columns:1fr}}*{margin:0;padding:0}body{font-family:Inter,sans-serif;margin:0;padding:0;font-size:16px;background:radial-gradient(circle,#234058,#172a3a)}.app{transition:opacity .5s ease-in-out}.fade-out{opacity:0}.fade-in{opacity:1}