@font-face{font-family:DepartureMonoNerd;src:local("DepartureMonoNerdFont-Regular"),url(/assets/DepartureMonoNerdFont-Regular-CN2bRgAg.otf) format("opentype");font-weight:400;font-style:normal}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--color-background: #161622;--color-section-background: #1c1e36;--color-border: #3C3F58;--color-primary-accent: #E63946;--color-secondary-accent: #33cc33;--color-third-accent: #668bcc;--color-text-primary: #D1D5DB;--color-text-muted: #A6A9B6;--color-highlight-teal: #38B2AC;--color-highlight-amber: #F4A261;--gradient-background: linear-gradient(145deg, #1E1E2E, #2A2D4E);--gradient-button: linear-gradient(145deg, #E63946, #5B5F97);--shadow-card: 0 4px 6px rgba(0, 0, 0, .3);--shadow-hover: 0 6px 10px rgba(0, 0, 0, .5);--border-radius: 8px}body{height:100vh;overflow:visible}img{max-width:100%;height:auto;display:block}.pageContainer{height:100%;display:grid;overflow:visible;grid-template-columns:30% 70%}.pageContainer>div{padding:8rem 5rem 5rem}.pageContainer>div:first-child{padding-right:2rem}.pageContainer>div:last-child{padding-left:2rem}@media(max-width:1500px){.pageContainer{grid-template-columns:50% 50%}.pageContainer>*{padding:8rem 5rem 5rem}.pageContainer>*:first-child{padding-right:1rem}.pageContainer>*:last-child{padding-left:1rem}}@media(max-width:1080px){.pageContainer{padding:1rem;display:block}.pageContainer>div{padding:5rem .1rem}.pageContainer>div:first-child{padding-bottom:1rem;padding-right:.1rem}.pageContainer>div:last-child{padding-top:1rem;padding-left:.1rem}}.header{color:var(--color-text-primary)}.name{font-size:3rem;font-weight:700;color:var(--color-primary-accent);text-transform:uppercase;text-indent:-4px}.nav{display:flex;gap:1.4rem}.nav a{font-size:1.5rem;text-decoration:none;color:var(--color-text-primary);transition:color .3s}.nav a:hover{color:var(--color-secondary-accent)}@media(max-width:1080px){.header{color:var(--color-text-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.nav{justify-content:center}}.flex-grid{display:flex;flex-wrap:wrap;gap:8px;overflow-y:scroll;padding:1rem;align-content:start}.flex-grid>div{flex:1 1 calc(47% - 8px);max-width:calc(47% - 8px)}@media(max-width:1500px){.flex-grid>div{flex:1 1 calc(100% - 8px);max-width:calc(100% - 8px)}}@media(max-width:1080px){.flex-grid>div{flex:1 1 calc(47% - 8px);max-width:calc(47% - 8px)}}@media(max-width:820px){.flex-grid>div{flex:1 1 calc(100% - 2px);max-width:calc(100% - 2px)}}.project-card{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 6px #0000001a;margin:10px;padding:.5rem 0;transition:transform .2s;background-color:var(--color-section-background);text-align:center}.project-card:hover{transform:scale(1.05)}.project-card-image{margin-top:.5rem;width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-card-content{padding:0}.project-card-title{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.project-card-description{margin:10px 0 0;color:var(--color-text-muted);font-size:1rem}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;padding:2rem 8rem;z-index:999}@media(max-width:1080px){.popup-overlay{padding:2rem 3rem}}.popup-content{background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--color-border);width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column}.popup-close{position:sticky;top:10px;align-self:flex-end;border:none;background:none;font-size:1.5rem;cursor:pointer;color:var(--color-primary-accent);z-index:10}.project-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.gallery-image{max-width:200px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000004d;object-fit:cover;transition:transform .2s}.gallery-image:hover{cursor:pointer;transform:scale(1.15)}.gallery-arrow{position:fixed;padding:4rem .5rem;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer}.project-meta{display:flex;gap:2rem;padding:2rem;justify-content:space-between}.project-links ul,.project-tech-stack ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.5rem 0 0}.project-links li a,.project-tech-stack li{display:inline-block;padding:.4rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:500;white-space:nowrap;text-decoration:none;transition:background .2s,box-shadow .2s}.project-tech-stack li,.project-links li a{background-color:var(--gradient-button);color:var(--color-text-primary);border:1px solid #c7d2fe}.project-links li a:hover{color:var(--color-secondary-accent)}.project-tech-stack li{color:var(--color-text-primary)}.popup-page{display:flex;padding:4rem;flex-direction:column;width:100%}.markdown-content{flex:1;overflow-y:auto;box-sizing:border-box;line-height:1.75;color:#333}.markdown-content h1{font-size:2.5em;margin-bottom:.5em;border-bottom:2px solid var(--color-text-muted);padding-bottom:.2em}.markdown-content h2{font-size:2em;margin-top:1.5em;border-bottom:1px solid var(--color-text-muted)}.markdown-content p{font-size:1.1em;margin-bottom:1em;color:var(--color-text-muted)}.markdown-content blockquote{border-left:4px solid #aaa;padding-left:1em;font-style:italic;color:#666;margin:1em 0}.markdown-content pre{background-color:#f4f4f4;padding:1em;overflow-x:auto;border-radius:6px}.markdown-content code{background-color:#eee;padding:2px 4px;border-radius:4px;font-family:monospace}.markdown-content table{width:100%;border-collapse:collapse;margin-top:1em}.markdown-content th,.markdown-content td{border:1px solid #ccc;padding:.75em;text-align:left}