.status-bar{position:fixed;bottom:0;left:0;width:100%;height:2rem;background-color:#fffc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-top:1px solid var(--color-border);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.75rem;font-family:var(--font-mono);color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.1em}.status-left,.status-right{display:flex;align-items:center;gap:1.5rem}.status-indicator{display:flex;align-items:center;color:var(--color-accent)}.status-dot-pulse{width:.5rem;height:.5rem;background-color:var(--color-accent);border-radius:9999px;margin-right:.5rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-hidden-mobile{display:none}@media(min-width:768px){.status-hidden-mobile{display:inline}}.scroll-indicator-container{display:flex;align-items:center}.scroll-label{margin-right:.5rem}.scroll-bar-track{width:6rem;height:.25rem;background-color:var(--color-secondary);overflow:hidden}.scroll-bar-fill{height:100%;background-color:var(--color-accent);transition:width .1s}.scroll-percentage{margin-left:.5rem;width:2rem;text-align:right}.status-time{width:5rem;text-align:right}body{cursor:none}button,a,select,[role=button]{cursor:pointer}input,textarea{cursor:text}#terminal-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.background-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;background:radial-gradient(circle at center,#fffffff2,#fffc 40%,#fff0)}#code-cursor{position:fixed;top:0;left:0;z-index:99999;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:#4b5563;white-space:nowrap;transform:translate(14px,14px);transition:transform .1s ease,font-weight .1s ease;mix-blend-mode:difference;text-shadow:-1px -1px 0 rgba(255,255,255,.8),1px -1px 0 rgba(255,255,255,.8),-1px 1px 0 rgba(255,255,255,.8),1px 1px 0 rgba(255,255,255,.8)}#code-cursor:after{content:"_";animation:cursor-blink 1s step-end infinite;margin-left:3px}@keyframes cursor-blink{50%{opacity:0}}.layout-wrapper{min-height:100vh;color:var(--color-foreground);display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.layout-top-bar{height:4px;width:100%;background-color:var(--color-border);position:fixed;top:0;z-index:50}.layout-top-bar-accent{height:100%;width:33.333%;background-color:#3b82f680}.layout-main{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:3rem 1rem;position:relative;z-index:10}@media(min-width:768px){.layout-main{padding:5rem 2rem}}.layout-margin-decoration-left{position:fixed;left:1.5rem;top:0;bottom:0;width:1px;background-color:var(--color-border);display:none}.layout-margin-decoration-right{position:fixed;right:1.5rem;top:0;bottom:0;width:1px;background-color:var(--color-border);display:none}@media(min-width:1280px){.layout-margin-decoration-left,.layout-margin-decoration-right{display:block}.layout-content-inner{padding:0 3rem}}.navigation{position:fixed;top:0;left:0;right:0;z-index:40;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);height:3.5rem;display:flex;align-items:center;justify-content:center}.navigation-container{width:100%;max-width:1400px;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.navigation-logo{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.1em;color:var(--color-primary);font-weight:700}.desktop-nav{display:none}@media(min-width:768px){.desktop-nav{display:flex;align-items:center;gap:2rem}}.nav-link{font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground);transition:color .2s;display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0}.nav-link:hover{color:var(--color-accent)}.nav-index{margin-right:.5rem;color:#3b82f680;opacity:0;transition:opacity .2s}.nav-link:hover .nav-index{opacity:1}.mobile-menu-btn{display:block;padding:.5rem;color:var(--color-muted-foreground);background:none;border:none;cursor:pointer}.mobile-menu-btn:hover{color:var(--color-foreground)}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-nav{position:absolute;top:3.5rem;left:0;width:100%;background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:1rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.mobile-nav{display:none}}.mobile-nav-link{text-align:left;font-family:var(--font-mono);font-size:.875rem;color:var(--color-foreground);padding:.5rem 0 .5rem 1rem;border:none;border-left:2px solid transparent;background:none;cursor:pointer;transition:all .2s;width:100%}.mobile-nav-link:hover{color:var(--color-accent);border-left-color:var(--color-accent)}.mobile-nav-index{color:var(--color-muted-foreground);margin-right:.5rem}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:5rem;max-width:1280px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.hero-content{display:flex;flex-direction:column;gap:3rem;align-items:flex-end}@media(min-width:1024px){.hero-content{flex-direction:row;gap:5rem}}.profile-container{position:relative;order:1}@media(min-width:1024px){.profile-container{order:2}}.profile-image-wrapper{position:relative;z-index:10}.profile-image{width:20rem;height:20rem;object-fit:cover;filter:grayscale(75%);border:1px solid rgba(15,23,42,.2)}@media(min-width:1280px){.profile-image{width:20rem;height:20rem}}.corner-marker-tl{position:absolute;top:-.5rem;left:-.5rem;width:1rem;height:1rem;border-left:1px solid var(--color-accent);border-top:1px solid var(--color-accent)}.corner-marker-br{position:absolute;bottom:-.5rem;right:-.5rem;width:1rem;height:1rem;border-right:1px solid var(--color-accent);border-bottom:1px solid var(--color-accent)}.bg-grid-decoration{position:absolute;top:1rem;left:1rem;width:100%;height:100%;border:1px solid var(--color-border);z-index:-10}.text-content{flex:1;order:2;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.text-content{order:1}}.identity-badge{display:flex;align-items:center;gap:.5rem;color:var(--color-accent);margin-bottom:.5rem}.status-dot{width:.5rem;height:.5rem;background-color:var(--color-accent)}.identity-text{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase}.hero-title{font-size:2.25rem;font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--color-foreground)}@media(min-width:1024px){.hero-title{font-size:4.5rem}}.hero-subtitle{color:var(--color-muted-foreground)}.divider{height:1px;width:6rem;background-color:#3b82f680}.hero-description{font-size:1.25rem;font-family:var(--font-mono);color:var(--color-muted-foreground);max-width:42rem;line-height:1.6}.hero-description-detail{font-size:.875rem;opacity:.7;margin-top:.5rem;display:block;font-family:var(--font-sans)}.actions{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem}.social-links{display:flex;gap:1rem;padding-top:2rem}.social-icon{color:var(--color-muted-foreground);transition:color .2s;padding:.5rem;display:inline-flex;align-items:center;justify-content:center}.social-icon:hover{color:var(--color-accent)}.scroll-indicator{position:absolute;bottom:3rem;left:0;display:none}@media(min-width:1024px){.scroll-indicator{display:block}}.scroll-text{display:flex;align-items:center;gap:1rem;font-size:.75rem;font-family:var(--font-mono);color:var(--color-muted-foreground);transform-origin:left;transform:rotate(-90deg) translate(1rem)}.skills-section{padding:6rem 0;border-bottom:1px solid var(--color-border)}.skills-wrapper{display:flex;flex-direction:column;gap:3rem}.skills-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}@media(min-width:768px){.skills-header{flex-direction:row;align-items:flex-end}}.skills-title-group{display:flex;flex-direction:column;gap:.25rem}.skills-index{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase}.skills-heading{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--color-foreground)}.skills-description{font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted-foreground);max-width:28rem;text-align:right;display:none}@media(min-width:768px){.skills-description{display:block}}.skills-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.skills-grid{grid-template-columns:1fr 1fr}}.skill-category{display:flex;flex-direction:column;gap:1rem}.skill-category-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(226,232,240,.5);padding-bottom:.5rem;transition:border-color .2s}.skill-category:hover .skill-category-header{border-bottom-color:var(--color-accent)}.skill-category-title{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--color-foreground)}.skill-category-id{font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted-foreground)}.skill-list{display:flex;flex-wrap:wrap;column-gap:2rem;row-gap:.5rem}.skill-item{display:flex;align-items:center;gap:.5rem}.skill-dot{width:.25rem;height:.25rem;background-color:#3b82f680;border-radius:9999px}.skill-name{font-size:.875rem;color:#0f172acc;transition:color .2s;cursor:default}.skill-name:hover{color:var(--color-primary)}.projects-section{padding:5rem 0;position:relative}.projects-wrapper{display:flex;flex-direction:column;gap:3rem}.projects-header{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-end}.projects-title-group{display:flex;flex-direction:column;gap:.5rem}.projects-index{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase}.projects-heading{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--color-foreground)}.projects-count{font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted-foreground);display:none}@media(min-width:768px){.projects-count{display:block}}.projects-list{display:grid;grid-template-columns:1fr;gap:0}.project-item{border-bottom:1px solid var(--color-border);padding:3rem 0;transition:background-color .2s;background-color:transparent}.project-item:hover{background-color:#3b82f60d}.project-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:flex-start}@media(min-width:1024px){.project-grid{grid-template-columns:repeat(12,1fr)}}.project-meta{grid-column:span 1;display:flex;flex-direction:row;align-items:center;gap:1rem;color:var(--color-muted-foreground);transition:color .2s}@media(min-width:1024px){.project-meta{grid-column:span 2;flex-direction:column;align-items:flex-start}}.project-item:hover .project-meta{color:var(--color-accent)}.project-id{font-family:var(--font-mono);font-size:.875rem;opacity:.5}.project-icon-wrapper{padding:.5rem;border:1px solid var(--color-border);background-color:var(--color-background);transition:border-color .2s}.project-item:hover .project-icon-wrapper{border-color:var(--color-accent)}.project-content{grid-column:span 1;display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.project-content{grid-column:span 7}}.project-title{font-size:1.5rem;font-weight:700;color:var(--color-foreground);transition:color .2s}.project-item:hover .project-title{color:var(--color-primary)}.project-description{color:var(--color-muted-foreground);line-height:1.625;max-width:42rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.tech-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted-foreground);padding:.25rem .5rem;border:1px solid var(--color-border);background-color:#ffffff80}.project-actions{grid-column:span 1;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding-top:.5rem}@media(min-width:1024px){.project-actions{grid-column:span 3;align-items:flex-end}}.project-btn{width:100%;border-radius:0;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}@media(min-width:1024px){.project-btn{width:auto}}.project-btn svg{margin-right:.5rem}.education-section{padding:6rem 0}.education-wrapper{display:flex;flex-direction:column;gap:3rem}.education-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}@media(min-width:768px){.education-header{flex-direction:row;align-items:flex-end}}.education-title-group{display:flex;flex-direction:column;gap:.25rem}.education-index{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase}.education-heading{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--color-foreground)}.education-content-grid{display:grid;grid-template-columns:1fr;gap:4rem}@media(min-width:1024px){.education-content-grid{grid-template-columns:1fr 1fr}}.log-column{display:flex;flex-direction:column;gap:2rem}.log-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.log-dot{width:.5rem;height:.5rem;background-color:var(--color-primary);border-radius:9999px}.log-title{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted-foreground)}.timeline{position:relative;border-left:1px solid var(--color-border);margin-left:.75rem;display:flex;flex-direction:column;gap:3rem;padding-bottom:1rem}.timeline-item{position:relative;padding-left:2rem}.timeline-marker{position:absolute;left:-.35rem;top:.5rem;width:.625rem;height:.625rem;background-color:var(--color-background);border:1px solid var(--color-accent);border-radius:9999px}.timeline-content{display:flex;flex-direction:column;gap:.5rem}.timeline-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem}.degree-title{font-size:1.125rem;font-weight:700;color:var(--color-foreground)}.period-badge{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent)}.institution-name{font-size:.875rem;font-family:var(--font-mono);color:var(--color-muted-foreground)}.timeline-details{font-size:.875rem;color:#0f172acc;line-height:1.625;padding-top:.5rem;padding-left:1rem;opacity:.8;border-left:2px solid rgba(226,232,240,.5)}.timeline-status{margin-top:.5rem;font-size:.75rem;font-family:var(--font-mono);color:var(--color-primary)}.contact-section{padding:6rem 0;border-top:1px solid var(--color-border);background-color:#f1f5f94d}.contact-container{width:100%;max-width:56rem;margin:0 auto;padding:0 1.5rem}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-title-group{display:flex;flex-direction:column;gap:.5rem}.contact-index{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase}.contact-heading{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--color-foreground)}.contact-description{color:var(--color-muted-foreground);line-height:1.625}.contact-status{font-family:var(--font-mono);font-size:.75rem;opacity:.7;margin-top:1rem;display:block}.contact-links{display:flex;gap:1rem;padding-top:1rem}.contact-link{display:flex;align-items:center;gap:.5rem;color:var(--color-muted-foreground);font-family:var(--font-mono);font-size:.875rem;transition:color .2s}.contact-link:hover{color:var(--color-accent)}.contact-link-text{text-decoration-line:none;text-underline-offset:4px}.contact-link:hover .contact-link-text{text-decoration-line:underline;text-decoration-color:var(--color-accent)}.terminal-form{position:relative;font-family:var(--font-mono);font-size:.875rem}.terminal-header{position:absolute;top:0;left:0;width:100%;height:2rem;background-color:var(--color-muted);display:flex;align-items:center;padding:0 1rem;gap:.5rem;border:1px solid var(--color-border);border-bottom:none}.terminal-dot{width:.75rem;height:.75rem;border-radius:9999px}.dot-red{background-color:#ef444480}.dot-yellow{background-color:#eab30880}.dot-green{background-color:#22c55e80}.terminal-title{margin-left:.5rem;font-size:.75rem;color:#64748bb3}.terminal-body{border:1px solid var(--color-border);background-color:var(--color-background);padding:3rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 2px #0000000d}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.75rem;text-transform:uppercase;color:var(--color-muted-foreground);letter-spacing:.05em}.form-input{font-family:var(--font-mono);background-color:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0;padding:0;height:2rem;width:100%;outline:none;font-size:.875rem;color:var(--color-foreground)}.form-input:focus{border-bottom-color:var(--color-accent)}.form-textarea{font-family:var(--font-mono);background-color:#f1f5f94d;border:none;border-radius:0;min-height:120px;resize:none;padding:1rem;width:100%;outline:none;font-size:.875rem;color:var(--color-foreground)}.form-textarea:focus{border-bottom:1px solid var(--color-accent)}.submit-btn{width:100%;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;height:2.5rem;margin-top:.5rem;background-color:var(--color-primary);color:var(--color-primary-foreground);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s}.submit-btn:hover{opacity:.9}.submit-btn svg{transition:transform .2s}.submit-btn:hover svg{transform:translate(4px)}.footer{margin-top:5rem;padding-top:2rem;border-top:1px dashed var(--color-border);display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:.75rem;font-family:var(--font-mono);color:var(--color-muted-foreground)}@media(min-width:768px){.footer{flex-direction:row}}.footer-meta{display:flex;align-items:center;gap:1rem;margin-top:1rem}@media(min-width:768px){.footer-meta{margin-top:0}}.footer-divider{width:1px;height:.75rem;background-color:var(--color-border)}:root{--color-background: #ffffff;--color-foreground: #0f172a;--color-primary: #0f172a;--color-primary-foreground: #f8fafc;--color-secondary: #f1f5f9;--color-secondary-foreground: #0f172a;--color-accent: #3b82f6;--color-accent-foreground: #ffffff;--color-muted: #f1f5f9;--color-muted-foreground: #64748b;--color-border: #e2e8f0;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0;border-color:var(--color-border)}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-foreground);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-8{gap:2rem}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover{opacity:.9}.btn-outline{border-color:var(--color-border);background-color:transparent;color:var(--color-foreground)}.btn-outline:hover{background-color:var(--color-secondary)}.btn-ghost{background-color:transparent;color:var(--color-foreground)}.btn-ghost:hover{background-color:var(--color-secondary)}
