#hero{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}#hero .background-image{display:none}#hero .container{text-align:center;max-width:700px;padding:0 20px}#hero .container h1{margin-top:0}#hero .container .title-text{color:#1e293b;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.1em}#hero .container .name{margin-bottom:16px;font-size:80px;font-weight:700;display:inline-block;position:relative}#hero .container .name:after{content:"";background-color:#6b7280;border-radius:2px;width:60px;height:4px;margin:16px auto 0;display:block}#hero .container .job{color:#64748b;letter-spacing:3px;text-transform:uppercase;margin-top:20px;font-size:24px;font-weight:400}@media (max-width:600px){#hero .container .name{font-size:48px}#hero .container .job{letter-spacing:2px;font-size:18px}}@media (max-width:800px) and (orientation:landscape){#hero .container .name{font-size:44px}#hero .container .job{font-size:16px}}
#arrow{z-index:1000}#arrow.circle-button{cursor:pointer;opacity:0;text-align:center;background:0 0;border-radius:50%;width:60px;height:60px;margin-left:-30px;padding:0;font-size:30px;line-height:60px;transition-duration:.2s;transition-timing-function:ease-out;animation:2s infinite bounce;position:absolute;bottom:30px;right:10px}#arrow.circle-button:hover{border-color:#6b7280}#arrow .image-arrow{filter:brightness(0);height:20px;margin-top:20px}#arrow.black{color:#1e293b;border:2px solid #1e293b;top:95px}#arrow.white{color:#1e293b;border:2px solid #1e293b}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media (max-width:600px){#arrow{display:none}}
.description-canvas{z-index:1;text-align:center;color:#1e293b;min-height:100vh;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:#fff;margin-top:0;position:relative}.description-canvas:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(42% 48%,#ffffffeb 0%,#fffc 60%,#fff0 100%);position:absolute;inset:0}.description-canvas.mobile{background-color:#f8fafc;width:100%}.description-canvas.mobile:after{display:none}.description-canvas .description-container{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.description-canvas .description-container .title{color:#1e293b;text-shadow:0 0 4px #fff,0 0 16px #fff;padding-top:0;font-size:40px;font-weight:700}.description-canvas .description-container .sub-title{color:#1e293b;text-shadow:0 0 4px #fff,0 0 12px #fff;padding-bottom:20px;font-size:20px;font-weight:400}.description-canvas .description-container .terminal .terminal-body .description{margin:0}.description-canvas #canvas-container{width:100%;position:absolute}@media (max-width:600px) and (orientation:portrait){.description-canvas .description-container{width:calc(100% - 30px);padding-left:15px;padding-right:15px}.description-canvas .description-container .title{font-size:9vw}.description-canvas .description-container .sub-title{font-size:6vw}.description-canvas .description-container .terminal .terminal-body .description{font-size:4vw}}@media (max-width:800px) and (orientation:landscape){.description-canvas .description-container .title{padding-top:5px;font-size:3vw}.description-canvas .description-container .sub-title{padding-bottom:5px;font-size:2vw}.description-canvas .description-container .terminal .terminal-body .description{font-size:1.8vw}}
.avatar{text-align:center;visibility:hidden;z-index:2;background-color:#fff;border:4px solid #e2e8f0;border-radius:250px;width:300px;height:300px;margin:0 auto;display:block;left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -3px #0000001a}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}@media (max-width:600px) and (orientation:portrait){.avatar{width:50vw;height:50vw}}@media (max-width:800px) and (orientation:landscape){.avatar{width:30vw;height:30vw}}
.terminal{text-align:left;background-color:#1a1a2e;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0006}.terminal .terminal-header{background-color:#2d2d3f;align-items:center;gap:8px;padding:10px 14px;display:flex}.terminal .terminal-header .terminal-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.terminal .terminal-header .terminal-dot.red{background-color:#ff5f57}.terminal .terminal-header .terminal-dot.yellow{background-color:#febc2e}.terminal .terminal-header .terminal-dot.green{background-color:#28c840}.terminal .terminal-header .terminal-title{color:#6b7280;margin:0 auto;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;font-weight:400}.terminal .terminal-body{color:#a3e635;padding:20px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:16px;font-weight:400;line-height:1.7}.terminal .terminal-command{color:#fbbf24;font-weight:700}.terminal .terminal-prompt{color:#22d3ee;font-weight:700}.terminal .terminal-pending{color:#0000}.terminal .terminal-caret{width:0;display:inline-block;position:relative}.terminal .terminal-caret:after{content:"";background-color:#a3e635;width:.6em;height:1.2em;animation:1s step-end infinite terminal-caret-blink;position:absolute;bottom:-.2em;left:0}@keyframes terminal-caret-blink{50%{opacity:0}}
.tech-stack{text-align:center;max-width:900px;margin:0 auto;padding:100px 20px}.tech-stack .section-title{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e293b;margin-bottom:8px;font-size:36px;font-weight:700}.tech-stack .section-divider{background-color:#6b7280;border-radius:2px;width:60px;height:4px;margin:0 auto 60px}.tech-stack .categories{text-align:left;grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.tech-stack .category{flex-direction:column;display:flex}.tech-stack .category .terminal-title{color:#cbd5e1;font-size:14px;font-weight:600}.tech-stack .category .terminal-body{flex:1;font-size:15px}.tech-stack .category .terminal-line{margin:0 0 8px}.tech-stack .category .items{flex-wrap:wrap;gap:2px 20px;margin:0;padding:0;list-style:none;display:flex}.tech-stack .category .item{white-space:nowrap;opacity:0;transition:opacity .15s ease calc(var(--i)*60ms),color .2s ease}.tech-stack .category .item:hover{color:#fbbf24}.tech-stack .category .items.revealed .item{opacity:1}@media (max-width:600px){.tech-stack{padding:60px 16px}.tech-stack .section-title{font-size:28px}.tech-stack .categories{grid-template-columns:1fr;gap:20px}.tech-stack .category .terminal-body{padding:16px;font-size:14px}}
.projects-preview{color:#1e293b;background-color:#f8fafc;min-height:100vh;position:relative}.projects-preview .container{text-align:center;cursor:pointer;width:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.projects-preview .container .title{font-size:10vw;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700;transition:color .3s}.projects-preview .container .divider{background-color:#6b7280;border-radius:2px;width:10%;height:4px;margin:0 auto;transition:width .3s}.projects-preview .container a{color:#1e293b;text-decoration:none}.projects-preview .container a:visited{color:#1e293b}.projects-preview .container a:hover{color:#6b7280}.projects-preview .container a:active{color:#1e293b}
.about-preview{color:#1e293b;z-index:1000;background-color:#fff;min-height:100vh;position:relative}.about-preview .container{text-align:center;cursor:pointer;width:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.about-preview .container .title{font-size:10vw;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700;transition:color .3s}.about-preview .container .divider{background-color:#6b7280;border-radius:2px;width:10%;height:4px;margin:0 auto;transition:width .3s}
.about{color:#64748b;opacity:0;visibility:hidden;z-index:-100;background-color:#f8fafc;width:100%;height:100%;position:fixed;top:0;left:0;overflow:auto}.about .close-icon{z-index:100;position:absolute;top:30px;right:30px}.about .close-icon svg{fill:#64748b;width:28px;height:28px}.about .scroll-container{text-align:center;flex-direction:column;justify-content:center;max-width:700px;min-height:100vh;margin-left:auto;margin-right:auto;padding:80px 20px;display:flex;position:relative}.about .scroll-container .title{font-size:32px;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e293b;margin-top:0;margin-bottom:30px;font-weight:700}.about .scroll-container .description{font-size:17px;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#64748b;padding-bottom:40px;line-height:1.7}.about .scroll-container .phrase-container{text-align:left;border-left:4px solid #6b7280;padding:16px 24px;display:inline-block}.about .scroll-container .phrase-container .phrase{color:#1e293b;font-size:20px;font-style:italic;font-weight:500}.about .scroll-container .phrase-container .author{color:#94a3b8;margin-top:8px;font-size:14px;font-style:italic}