body{background-color:#181717}.page-content{padding-top:5rem;display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}.title:hover{cursor:default}.responsive-iframe-container{display:flex;flex-direction:column;aspect-ratio:1 / 1.5;width:100%;max-width:400px;height:auto;overflow:hidden;border-radius:10px;border:2px solid #ccc}.responsive-iframe-container iframe{width:100%;height:100%;border:none}@media (max-width: 900px){.title{justify-content:left;left:0;margin-left:1rem;font-size:3vw}}.home-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:1.5rem;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:5rem;margin:1rem 0 1.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-hero-title{color:#fff;font-size:46px;margin:0 0 .25rem;letter-spacing:.4px}.home-hero-subtitle{color:#ffffffd9;margin:0 0 .75rem;line-height:1.4}.home-hero-body{color:#ffffffe6;margin:0 0 1rem;line-height:1.7;max-width:65ch}.home-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:.75rem}.home-btn{display:inline-block;padding:10px 14px;border-radius:12px;text-decoration:none;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;background:#ffffff0d;transition:transform .15s ease,background .15s ease,border-color .15s ease}.home-btn:hover{transform:translateY(-2px);background:#ffffff14;border-color:#fff3}.home-btn.primary{background:#7fffd42e;border-color:#7fffd459}.home-headshot{width:220px;height:220px;border-radius:16px;border:1px solid rgba(255,255,255,.12);object-fit:cover;justify-self:end}.home-section{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.25rem 1.5rem;margin:1rem 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-section-title{color:#f0f8ff;margin:0 0 1rem;font-size:26px;letter-spacing:.3px}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-card{background:#0000001f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem}.home-card-title{color:#fff;margin:0 0 .4rem;font-size:18px}.home-card-text{color:#ffffffe6;margin:0;line-height:1.6}.home-links{display:flex;flex-wrap:wrap;gap:12px}.home-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;text-decoration:none;color:#ffffffeb;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:transform .15s ease,background .15s ease,border-color .15s ease}.home-link:hover{transform:translateY(-2px);background:#ffffff14;border-color:#ffffff2e}.home-link-icon{width:22px;height:22px;object-fit:contain}.home-footnote{color:#ffffffd9;margin:.9rem 0 0;line-height:1.6}@media (max-width: 900px){.home-hero{grid-template-columns:1fr}.home-headshot{justify-self:start;width:200px;height:200px}.home-grid{grid-template-columns:1fr}}.proj-section-title{color:#f0f8ff;font-size:40px;text-align:center;margin:0 0 1rem;letter-spacing:.4px}.top-projects{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:5rem 1.5rem;margin:1rem 0 1.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{background:#00000024;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.project-card-title{color:#fff;margin:0;font-size:20px}.project-card-subtitle{margin:.25rem 0 0;color:#ffffffd9;line-height:1.45}.project-card-description{margin:0;color:#ffffffe6;line-height:1.65}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{font-size:13px;padding:6px 10px;border-radius:999px;color:#ffffffeb;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.project-link{margin-top:auto;text-decoration:none;color:#7fffd4;border-bottom:1px dotted rgba(127,255,212,.6);width:fit-content}.project-link:hover{border-bottom-style:solid}.project-timeline-title{margin-top:1rem}@media (max-width: 900px){.project-grid{grid-template-columns:1fr}.proj-section-title{font-size:32px}}.timeline-container{position:relative;margin:40px auto;padding:40px 0;width:100%;max-width:700px}.timeline-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:#e17b77}.timeline-item{position:relative;display:flex;justify-content:flex-end;padding:20px 0;width:50%}.timeline-item:nth-child(odd){justify-content:flex-start;margin-left:auto}.timeline-item-content{position:relative;background:#333;padding:20px;border-radius:6px;color:#fff;max-width:260px}.source-link{color:#7fffd4}.access-link{color:#ffe87f}.timeline-container{display:flex;flex-direction:column;justify-content:center;position:relative;margin:40px auto;padding:40px 0;max-width:900px}.timeline-container:after{background-color:#e17b77;content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:4px}.timeline-row{display:flex}.timeline-item{position:relative;display:flex;padding:20px 0;width:50%}.timeline-row-left .timeline-item{align-self:flex-end;justify-content:flex-end;margin-left:0}.timeline-row-right .timeline-item{align-self:flex-start;justify-content:flex-start;margin-left:50%}.page-content{max-width:900px;margin:0 auto;padding:4rem 1rem 3rem}.introHead{color:#f0f8ff;font-size:56px;text-align:center;margin-top:1rem;margin-bottom:.75rem;line-height:1.1;letter-spacing:.5px}.intro2{color:#fff;font-size:28px;text-align:left;margin:2rem 0 .75rem;line-height:1.2;letter-spacing:.3px}.head2{color:#f0f8ff;font-size:40px;text-align:left;margin-top:2.5rem;margin-bottom:.75rem;line-height:1.1;letter-spacing:.4px}.intro3{color:#ffffffe6;font-size:18px;text-align:left;line-height:1.7;max-width:75ch;margin:.5rem auto 0}.aboutme1{color:#ffffffe6;font-size:16px;text-align:left;line-height:1.75;font-family:Arial,Helvetica,sans-serif;max-width:75ch;margin:0 auto 1rem}.about-me-intro,.about-me-story,.about-me-hobbies,.about-me-certificates,.about-me-cv{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;margin:1rem 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.about-me-cv{text-align:left}.about-me-hobbies ul,.about-me-certificates ul{list-style:none;padding-left:0;margin:.75rem 0 0}.about-me-hobbies li,.about-me-certificates li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.about-me-hobbies li:last-child,.about-me-certificates li:last-child{border-bottom:none}.about-me-hobbies .intro3,.about-me-certificates .intro3{margin:0}.homeLinks{color:#7fffd4;font-style:italic;text-decoration:none;border-bottom:1px dotted rgba(127,255,212,.6)}.homeLinks:hover{border-bottom-style:solid}.about-me-techstack{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;margin:1.5rem 0}.tech-grid{display:flex;flex-direction:column;gap:1.75rem;margin-top:1rem}.tech-category{display:flex;flex-direction:column;gap:.75rem}.tech-icons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.tech-icons img{width:42px;height:42px;transition:transform .2s ease,filter .2s ease;filter:brightness(.95)}@media (max-width: 650px){.tech-icons img{width:34px;height:34px}}@media (max-width: 650px){.introHead{font-size:11vw;text-align:center}.intro2,.head2,.intro3,.aboutme1{text-align:left}.intro2{font-size:5.5vw}.head2{font-size:8.5vw}.intro3{font-size:3.8vw}.aboutme1{font-size:3.6vw}.about-me-intro,.about-me-story,.about-me-hobbies,.about-me-certificates,.about-me-cv{padding:1rem;border-radius:14px}}.education-page{width:100%}.education-content{width:100%;max-width:1100px}.education-intro{width:100%;text-align:center;margin-top:.5rem;padding:2rem}.education-heading{color:#fff;font-size:44px;margin:1rem 0 .35rem}.education-subheading{color:#ffffffc7;font-size:16px;line-height:1.6;margin:0 auto 1.25rem;max-width:78ch}.education-list{width:100%;display:flex;flex-direction:column;gap:14px;margin-bottom:2.5rem}.education-card{width:100%}.education-dropdown{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;overflow:hidden}.education-dropdown summary{list-style:none}.education-dropdown summary::-webkit-details-marker{display:none}.education-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1rem 1.1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.education-summary:hover{background:#ffffff0f}.education-summary-left{display:flex;flex-direction:column;gap:4px}.education-school{margin:0;color:#fff;font-size:18px;font-weight:650;letter-spacing:.2px}.education-period{margin:0;color:#ffffffbf;font-size:14px}.education-summary-right{display:flex;align-items:center;gap:10px}.education-badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(127,255,212,.3);background:#7fffd424;color:#ffffffeb;font-size:12px;white-space:nowrap}.education-chevron{color:#ffffffbf;font-size:16px;transition:transform .15s ease}.education-dropdown[open] .education-chevron{transform:rotate(180deg)}.education-body{padding:.9rem 1.1rem 1.1rem;border-top:1px solid rgba(255,255,255,.08)}.education-section-title{margin:.2rem 0 .8rem;color:#fff;font-size:16px;letter-spacing:.2px}.education-modules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.education-module{padding:.85rem .9rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0000002e}.education-module-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.education-module-name{color:#fffffff2;font-weight:600;font-size:14px}.education-grade{color:#ffffffe6;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;border-radius:999px;padding:4px 10px;font-size:12px;white-space:nowrap}.education-module-desc{margin:.55rem 0 0;color:#ffffffc7;font-size:14px;line-height:1.6}.education-note{margin-top:.5rem;font-size:13px;color:#7fffd4d9}.education-note-badge{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid rgba(127,255,212,.3);background:#7fffd41f;color:#ffffffeb;font-size:12px}@media (max-width: 650px){.education-heading{font-size:10vw}.education-summary{padding:.95rem 1rem}.education-badge{display:none}.education-module-desc{font-size:13px}}.page-content-contact{max-width:900px;margin:0 auto;padding:4rem 1rem 3rem}.title{position:fixed;display:flex;margin-top:5rem;text-align:center;margin-right:5rem;color:#fff;z-index:998;margin-left:1rem;border:solid 1px rgb(110,110,110);padding:7px}.main-contacts-contact,.Socials-contact,.other-contact-contact{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;margin:1rem 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.introHead-contact{color:#f0f8ff;font-size:44px;text-align:left;margin:0 0 1rem;line-height:1.1;letter-spacing:.5px}.intro2-contact{color:#ffffffeb;font-size:18px;text-align:left;margin:0;line-height:1.6;word-break:break-word}.contact-row-contact{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.contact-row-contact:last-child{border-bottom:none;padding-bottom:.25rem}.contact-icon-contact{width:28px;height:28px;flex:0 0 auto;object-fit:contain;filter:brightness(.95)}.contactLinks-contact{color:coral;text-decoration:none;border-bottom:1px dotted rgba(255,127,80,.6);transition:border-bottom-color .15s ease,opacity .15s ease}.contactLinks-contact:hover{border-bottom-style:solid;opacity:.95}@media (max-width: 650px){.introHead-contact{font-size:10vw;text-align:center}.main-contacts-contact,.Socials-contact,.other-contact-contact{padding:1rem;border-radius:14px}.contact-icon-contact{width:22px;height:22px}.intro2-contact{font-size:3.9vw;text-align:left}.contact-row-contact{gap:10px}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:995;background:#00000059;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:.7rem 1.2rem}.nav-left{justify-self:start}.nav-center{justify-self:center}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.logo-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#7fffd42e;border:1px solid rgba(127,255,212,.35);font-weight:700;letter-spacing:.6px}.logo-text{font-size:16px;font-weight:600;letter-spacing:.4px}.nav-desktop{display:flex;align-items:center;gap:18px}.nav-link{text-decoration:none;color:#ffffffd9;font-size:13px;letter-spacing:.9px;text-transform:uppercase;transition:color .15s ease}.nav-link:hover{color:#7fffd4}.nav-link.active{color:#fff;position:relative}.nav-link.active:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:#7fffd4b3;border-radius:999px}.nav-btn{text-decoration:none;color:#ffffffeb;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;transition:transform .15s ease,background .15s ease,border-color .15s ease;font-size:13px;letter-spacing:.7px;text-transform:uppercase}.nav-btn:hover{transform:translateY(-2px);background:#ffffff14;border-color:#fff3}.hamburger{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;cursor:pointer;padding:10px;transition:background .15s ease,border-color .15s ease;margin-left:auto}.hamburger:hover{background:#ffffff14;border-color:#fff3}.hamburger .bar{display:block;width:100%;height:2px;background:#ffffffe6;border-radius:999px;margin:6px 0;transition:transform .2s ease,opacity .2s ease}.hamburger.open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-mobile{max-width:1100px;margin:0 auto;padding:.75rem 1.25rem 1rem;display:none;flex-direction:column;gap:10px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-btn.mobile{width:fit-content}@media (max-width: 720px){.nav-desktop{display:none}.hamburger{display:inline-block}.nav-mobile{display:flex}.nav-link.active:after{display:none}.nav-link{font-size:14px;text-transform:none;letter-spacing:.4px}.title{font-size:14px;padding:5px 10px}.nav-right{width:100%}}.footer{margin-top:2.5rem;padding:1.5rem 1.25rem 1rem;background:#00000059;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:.25rem}.footer-name{margin:0;font-size:20px;color:#fff;letter-spacing:.3px}.footer-tagline{margin:0;font-size:14px;color:#ffffffbf;max-width:42ch}.footer-nav{display:flex;flex-wrap:wrap;gap:14px}.footer-link{text-decoration:none;color:#ffffffd9;font-size:14px;letter-spacing:.5px;transition:color .15s ease}.footer-link:hover{color:#7fffd4}.footer-bottom{max-width:1100px;margin:1rem auto 0;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}.footer-bottom p{margin:0;font-size:13px;color:#ffffffa6}@media (max-width: 650px){.footer-inner{flex-direction:column;align-items:flex-start}.footer-nav{gap:10px}}.project{max-width:980px;margin:0 auto;padding:2rem 1rem 3rem}.proj-page{display:flex;flex-direction:column;gap:1rem}.proj-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.25rem 1.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.proj-title{color:#fff;margin:0 0 .25rem;font-size:42px;letter-spacing:.4px}.proj-subtitle{margin:.2rem 0 1rem;color:#ffffffe0;line-height:1.6;max-width:78ch}.proj-section-title{color:#f0f8ff;margin:0 0 .6rem;font-size:26px;letter-spacing:.2px}.proj-text{margin:0;color:#ffffffe6;line-height:1.75;font-size:17px;max-width:78ch}.proj-img{width:100%;max-width:900px;display:block;margin:0 auto;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px #00000047}.proj-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:.25rem}.proj-btn{display:inline-block;padding:10px 14px;border-radius:12px;text-decoration:none;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;background:#ffffff0d;transition:transform .15s ease,background .15s ease,border-color .15s ease}.proj-btn:hover{transform:translateY(-2px);background:#ffffff14;border-color:#fff3}.proj-btn.primary{background:#7fffd42e;border-color:#7fffd459}.tech-grid{display:flex;flex-direction:column;gap:1.25rem;margin-top:.25rem}.tech-category{display:flex;flex-direction:column;gap:.65rem}.tech-label{margin:0;color:#ffffffe0;font-size:16px}.tech-icons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.tech-icons img{width:42px;height:42px;object-fit:contain;transition:transform .2s ease,filter .2s ease;filter:brightness(.95)}.tech-icons img:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.1)}.tech-badge{height:34px!important;width:auto!important;border-radius:10px}.tech-pill{font-size:13px;padding:6px 10px;border-radius:999px;color:#ffffffeb;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.proj-iframe-wrap{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000029}.proj-iframe{width:100%;height:520px;border:none;display:block}.proj-media{width:100%;max-width:900px;display:block;margin:0 auto;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px #00000047;background:#0003}.proj-alert{margin-top:1rem;padding:.85rem 1rem;border-radius:14px;background:#ffc8001a;border:1px solid rgba(255,200,0,.18);color:#ffffffeb;line-height:1.6}.proj-alert.subtle{margin-top:.75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.proj-steps{margin:.75rem 0 0;padding-left:1.2rem;color:#ffffffe6;line-height:1.75;font-size:17px;max-width:78ch}.proj-steps li{margin:.35rem 0}@media (max-width: 650px){.proj-steps{font-size:4vw}}@media (max-width: 650px){.proj-iframe{height:420px}}@media (max-width: 650px){.project{padding:1rem .9rem 2.5rem}.proj-card{padding:1.05rem;border-radius:16px}.proj-title{font-size:10vw}.proj-section-title{font-size:6vw}.proj-text,.proj-subtitle{font-size:4vw}.tech-icons img{width:34px;height:34px}.tech-badge{height:30px!important}}.cv-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:5rem 1.5rem;margin:1rem 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cv-title{margin:0 0 .4rem;color:#fff;font-size:34px;letter-spacing:.3px}.cv-subtitle{margin:0 0 1rem;color:#ffffffe0;line-height:1.6;max-width:80ch}.cv-actions{display:flex;flex-wrap:wrap;gap:10px}.cv-btn{display:inline-block;padding:10px 14px;border-radius:12px;text-decoration:none;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;background:#ffffff0d;transition:transform .15s ease,background .15s ease,border-color .15s ease}.cv-btn:hover{transform:translateY(-2px);background:#ffffff14;border-color:#fff3}.cv-btn.primary{background:#7fffd42e;border-color:#7fffd459}.cv-viewer-wrap{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1rem;margin:0 0 1.25rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cv-iframe{width:100%;height:82vh;border:none;border-radius:14px;background:#0000002e}.cv-fallback{margin:.75rem 0 0;color:#ffffffd9;line-height:1.6}@media (max-width: 650px){.cv-title{font-size:8vw}.cv-iframe{height:70vh}}