html,body,#root{background-color:#000;width:100%;height:auto;min-height:100%;margin:0;padding:0;font-family:Michroma,sans-serif;overflow:hidden auto}body,p,span,div,h1,h2,h3,h4,h5,h6,a,button,li,input,textarea,select{font-family:Michroma,sans-serif}html::-webkit-scrollbar{background:0 0;width:10px;height:10px}html::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:#f59e0b66 padding-box padding-box;border:2px solid #0000;border-radius:20px;transition:background .2s}html::-webkit-scrollbar-thumb:hover{background:#f59e0bd9 padding-box padding-box;border:1px solid #0000}html{scrollbar-color:#f59e0b66 transparent;scrollbar-width:thin}@font-face{font-family:Michroma;src:url(/assets/Michroma-Regular-Dh3F2K_p.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.lightfall-container{width:100%;height:100%;position:relative;overflow:hidden}.particles-container{width:100%;height:100%;position:relative}.text-type{white-space:pre-wrap;display:inline-block}.text-type__cursor{opacity:1;margin-left:.25rem;display:inline-block}.text-type__cursor--hidden{display:none}header{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;box-sizing:border-box;border-bottom:.0001rem solid #aaa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:60px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}.app-root{z-index:1;flex-direction:column;width:100%;display:flex;position:relative}html{scroll-behavior:smooth;scroll-padding-top:60px}html,body{scroll-behavior:smooth;width:100%;min-height:100vh;margin:0;padding:0;overflow:hidden auto}header h1{color:#fff;cursor:pointer;margin:0;font-family:Michroma,sans-serif;font-size:24px;transition:color .3s}.brand{flex:auto;min-width:0}.tab-nav{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;width:100%;max-width:500px;display:flex}.tab-nav a{color:#fff;white-space:normal;text-align:center;box-sizing:border-box;background:#ffffff14;border-radius:9999px;flex:110px;min-width:88px;padding:8px 12px;font-size:.86rem;text-decoration:none;transition:background .2s,color .2s,transform .2s}.tab-nav a:hover,.tab-nav a:focus{color:#fff;background:#ffffff2e;transform:translateY(-1px)}.tab-nav a.active{color:#0a0a0a;background:orange}header h1:hover{color:orange}.hero-title{text-align:center;font-family:Michroma,sans-serif;font-size:clamp(48px,7vw,75px);line-height:1.05}.section-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:auto;display:flex;position:relative}.background-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.background-global{z-index:0;pointer-events:auto;width:100%;height:100%;position:fixed;inset:0}.content-wrapper{z-index:2;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative}.home-section{height:100vh}.title-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;max-width:1100px;margin:0 auto;display:flex;position:relative}.landing-action-row{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex}.socials-group-left{flex-direction:row;gap:16px;display:flex}.btn-social-icon{color:#94a3b8;letter-spacing:.05em;font-family:Michroma,sans-serif;font-size:.72rem;text-decoration:none;transition:color .25s cubic-bezier(.25,1,.5,1)}.btn-social-icon:hover{color:#f59e0b}.nav-group-right{display:flex}.btn-about-nav{color:#fff;letter-spacing:.06em;background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;padding:8px 18px;font-family:Michroma,sans-serif;font-size:.75rem;text-decoration:none;transition:all .25s}.btn-about-nav:hover{color:#000;background:#f59e0b;border-color:#f59e0b;box-shadow:0 0 15px #f59e0b4d}.btn-social-icon{color:#94a3b8;justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;transition:color .2s cubic-bezier(.25,1,.5,1),transform .2s;display:inline-flex}.btn-social-icon:hover{color:#f59e0b;transform:translateY(-2px)}@media (width<=680px){.landing-action-row{text-align:center;flex-direction:column;justify-content:center;gap:20px}.socials-group-left{justify-content:center;gap:20px}}.about-main-vertical-flex{box-sizing:border-box;flex-direction:column;gap:120px;width:100%;max-width:1100px;margin:0 auto;display:flex}.about-split-layout{box-sizing:border-box;grid-template-columns:1fr 1px 1fr;align-items:center;width:100%;display:grid}.about-col-left{box-sizing:border-box;flex-direction:column;justify-content:center;padding-left:96px;padding-right:40px;display:flex}.about-title-left{letter-spacing:.05em;color:#fff;text-align:center;margin:5rem 0 1.8rem;font-family:Michroma,sans-serif;font-size:clamp(32px,3.5vw,46px)}.about-text-left{color:#cbd5e1;letter-spacing:.02em;text-align:justify;margin:0;font-family:Michroma,sans-serif;font-size:.92rem;line-height:1.9}.about-divider{background-color:#ffffff26;width:1px;height:100%;min-height:380px;margin-top:8rem}.about-col-right{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding-top:200px;padding-left:40px;padding-right:64px;display:flex}.about-image-wrapper{aspect-ratio:4/5;border:1px solid #ffffff14;border-radius:4px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 40px #0009}.about-profile-image{object-fit:cover;width:100%;height:100%;display:block}.skills-container{box-sizing:border-box;width:100%}.skills-main-title{color:#fff;text-align:center;letter-spacing:.05em;margin-bottom:48px;font-family:Michroma,sans-serif;font-size:clamp(22px,2.8vw,32px)}.skills-masonry-layout{column-count:2;column-gap:32px;width:100%}.skills-outer-box{break-inside:avoid;background:#ffffff05;border:1px solid #f59e0b;border-radius:4px;margin-bottom:32px;padding:32px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0006}.skills-outer-box:hover{transform:translateY(-2px);box-shadow:0 15px 35px #f59e0b14}.skills-category-title{color:#fff;letter-spacing:.04em;border-bottom:1px solid #ffffff1a;margin:0 0 24px;padding-bottom:12px;font-family:Michroma,sans-serif;font-size:.95rem;line-height:1.5}.skills-inner-grid{flex-wrap:wrap;gap:10px;display:flex}.skill-item{color:#cbd5e1;white-space:nowrap;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:2px;padding:8px 14px;font-family:Michroma,sans-serif;font-size:.68rem;transition:border-color .25s,color .25s,background-color .25s}.skill-item:hover{color:#fff;cursor:default;background:#f59e0b0d;border-color:#f59e0b}.experience-container{box-sizing:border-box;width:100%}.experience-main-title{color:#fff;text-align:center;letter-spacing:.05em;margin-bottom:48px;font-family:Michroma,sans-serif;font-size:clamp(22px,2.8vw,32px)}.experience-timeline{flex-direction:column;gap:28px;width:100%;display:flex}.experience-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 10px 30px #0006}.experience-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 15px 35px #f59e0b0f}.experience-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.experience-role{color:#fff;letter-spacing:.04em;margin:0;font-family:Michroma,sans-serif;font-size:.95rem;line-height:1.5}.experience-date{color:#f59e0b;letter-spacing:.02em;white-space:nowrap;font-family:Michroma,sans-serif;font-size:.75rem}.experience-org{color:#94a3b8;letter-spacing:.02em;margin:0 0 16px;font-family:Michroma,sans-serif;font-size:.8rem;font-weight:400}.experience-desc{color:#cbd5e1;letter-spacing:.01em;margin:0;font-family:Michroma,sans-serif;font-size:.82rem;line-height:1.8}@media (width<=992px){.about-col-left{padding-left:40px}}@media (width<=868px){.about-main-vertical-flex{gap:80px}.about-split-layout{grid-template-columns:1fr}.about-col-left,.about-col-right{padding-left:20px;padding-right:20px}.about-divider{width:100%;height:1px;min-height:auto;margin:24px 0}.about-title-left,.about-text-left{text-align:center}.about-image-wrapper{max-width:340px}.skills-masonry-layout{column-count:1;column-gap:0}.skills-outer-box,.experience-card{margin-bottom:24px;padding:24px}}@media (width<=768px){.experience-header{flex-direction:column;align-items:flex-start;gap:6px}.experience-date{margin-top:4px}}.projects-section{width:100%;padding:80px 24px;position:relative}.projects-main-wrapper{box-sizing:border-box;text-align:left;flex-direction:column;align-self:flex-start;width:100%;max-width:1100px;margin:0 auto;display:flex}.projects-main-title{color:#fff;text-align:left;letter-spacing:.05em;margin-bottom:48px;font-family:Michroma,sans-serif;font-size:clamp(22px,2.8vw,32px)}.projects-grid-layout{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:28px;width:100%;display:grid}.project-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;transition:transform .3s cubic-bezier(.25,1,.5,1),border-color .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0006}.project-card:not(.expanded):hover{border-color:#f59e0b66;transform:translateY(-4px);box-shadow:0 15px 35px #f59e0b0a}.project-preview-container{background:#0b0f19;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.project-preview-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-preview-placeholder{color:#f59e0b4d;letter-spacing:.1em;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:0 12px;font-family:Michroma,sans-serif;font-size:.58rem;display:flex}.project-card.expanded .project-preview-img{object-fit:cover;object-position:center;box-sizing:border-box;border-radius:12px;width:100%;height:100%;padding:1rem}.project-info-container{flex-direction:column;flex-grow:1;padding:20px;display:flex}.project-title{color:#fff;letter-spacing:.04em;margin:0 0 12px;font-family:Michroma,sans-serif;font-size:1.02rem}.project-desc{color:#cbd5e1;letter-spacing:.01em;margin:0;font-family:Michroma,sans-serif;font-size:.74rem;line-height:1.7}.project-modal-overlay{z-index:9998;background:#04060cd9;width:100vw;height:100vh;position:fixed;inset:0}.project-card.expanded{z-index:9999;box-sizing:border-box;cursor:default;background-color:#0b0f19;border:1px solid #f59e0b;border-radius:4px;width:90vw;max-width:650px;height:auto;max-height:85vh;animation:.3s cubic-bezier(.25,1,.5,1) forwards scaleUpModal;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 60px #f59e0b40}.project-card.expanded .project-preview-container{height:260px}.project-card.expanded .project-preview-placeholder{font-size:.7rem}.project-extended-content{border-top:1px solid #ffffff14;margin-top:24px;padding-top:20px}.project-extended-content h4{color:#fff;letter-spacing:.02em;margin:0 0 8px;font-family:Michroma,sans-serif;font-size:.82rem}.project-extended-content p{color:#94a3b8;margin:0 0 20px;font-family:Michroma,sans-serif;font-size:.76rem;line-height:1.7}.project-tech-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{color:#f59e0b;background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:2px;padding:4px 10px;font-family:Michroma,sans-serif;font-size:.62rem}.project-close-btn{z-index:10000;color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.project-close-btn:hover{color:#000;background:#f59e0b;border-color:#f59e0b}@keyframes scaleUpModal{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=992px){.projects-grid-layout{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=680px){.projects-grid-layout{grid-template-columns:1fr;gap:20px}.project-card.expanded{width:92%;max-height:90vh}.project-card.expanded .project-preview-container{height:180px}.project-info-container{padding:16px}}.contact-section{width:100%;padding:100px 24px;position:relative}.contact-main-wrapper{box-sizing:border-box;flex-direction:column;width:100%;max-width:1100px;margin:0 auto;display:flex}.contact-main-title{color:#fff;letter-spacing:.05em;text-align:center;align-self:center;margin-bottom:48px;font-family:Michroma,sans-serif;font-size:clamp(22px,2.8vw,32px)}.contact-main-subtitle{color:#94a3b8;text-align:center;max-width:600px;margin:-24px auto 48px;font-family:Michroma,sans-serif;font-size:.8rem;line-height:1.6}.contact-grid-layout{box-sizing:border-box;grid-template-columns:1fr 1.3fr;gap:56px;width:100%;display:grid}.contact-info-panel{flex-direction:column;gap:36px;display:flex}.info-panel-title{color:#fff;letter-spacing:.04em;margin:0 0 12px;font-family:Michroma,sans-serif;font-size:1.15rem}.info-panel-subtitle{color:#94a3b8;margin:0;font-family:Michroma,sans-serif;font-size:.76rem;line-height:1.7}.contact-channels{flex-direction:column;gap:20px;display:flex}.channel-card{background:#ffffff03;border:1px solid #ffffff0f;border-radius:4px;flex-direction:row;align-items:center;gap:20px;padding:16px 20px;text-decoration:none;transition:border-color .25s;display:flex}.channel-card:hover{border-color:#f59e0b4d}.channel-icon-box{color:#f59e0b;background:#f59e0b08;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex}.channel-details{flex-direction:column;gap:4px;display:flex}.channel-label{color:#64748b;letter-spacing:.1em;font-family:Michroma,sans-serif;font-size:.78rem}.channel-link{color:#64748b;font-family:Michroma,sans-serif;font-size:.75rem;text-decoration:none;transition:color .2s}.channel-link:hover{color:#fff}.pipeline-form-wrapper{background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;gap:24px;padding:36px;display:flex;box-shadow:0 10px 40px #00000080}.form-input-row{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.form-group-field{flex-direction:column;gap:8px;display:flex}.field-matrix-label{color:#f59e0b;letter-spacing:.08em;font-family:Michroma,sans-serif;font-size:.6rem}.form-terminal-input{color:#fff;box-sizing:border-box;background:#0b0f19;border:1px solid #ffffff1a;border-radius:2px;outline:none;padding:12px 16px;font-family:Michroma,sans-serif;font-size:.74rem;transition:all .25s cubic-bezier(.25,1,.5,1)}.form-terminal-input::placeholder{color:#475569}.form-terminal-input:focus{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b26}.form-terminal-textarea{resize:vertical;line-height:1.7}.btn-transmission-submit{color:#fff;cursor:pointer;letter-spacing:.06em;background:#ffffff05;border:1px solid #ffffff1f;border-radius:4px;align-self:flex-start;margin-top:8px;padding:14px 28px;font-family:Michroma,sans-serif;font-size:.75rem;font-weight:500;transition:all .25s}.btn-transmission-submit:hover{color:#000;background:#f59e0b;border-color:#f59e0b;box-shadow:0 0 20px #f59e0b59}@media (width<=960px){.contact-grid-layout{grid-template-columns:1fr;gap:48px}}@media (width<=600px){.pipeline-form-wrapper{padding:24px}.form-input-row{grid-template-columns:1fr;gap:24px}.btn-transmission-submit{text-align:center;width:100%}}.hero-texttype-wrapper{pointer-events:none;justify-content:center;display:flex;position:absolute;top:-1rem;left:0;right:0}.hero-texttype{color:#bdbdbd;text-transform:uppercase;font-family:Michroma,sans-serif;font-size:clamp(18px,2vw,24px);line-height:1.2}.hero-title-block{width:100%}.hero-title,.subtitle-text{color:#fff}.subtitle-footer{bottom:34%}.subtitle-text{max-width:90%}@media (width<=960px){header{padding:0 14px}.tab-nav{max-width:100%}.tab-nav a{padding:7px 10px;font-size:.82rem}.subtitle-footer{bottom:32%}}@media (width<=768px){header{min-height:auto;padding:12px 14px}.brand{text-align:center;flex:100%}header h1{font-size:20px}.tab-nav{justify-content:center;gap:8px}.tab-nav a{flex:110px;min-width:0;padding:7px 10px;font-size:.76rem}.hero-title{font-size:clamp(34px,10vw,56px)}.subtitle-footer{bottom:28%}}@media (width<=560px){.tab-nav a{flex:120px;font-size:.72rem}}@media (width<=480px){header{padding:12px 10px}.tab-nav{gap:6px}.tab-nav a{flex:100px;padding:5px 8px;font-size:.72rem}.hero-title{font-size:clamp(30px,11vw,48px)}.subtitle-footer{bottom:24%}}#heading{color:inherit;text-decoration:none}#heading:hover{color:orange}#heading:visited{color:inherit}