@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-Regular-DhyBADTE.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-Medium-DGxYFqId.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-SemiBold-CYZJfp-p.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-BOoJxjxf.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter-Medium-BEYgZTde.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter-Italic-CUUJVfVI.ttf)format("truetype");font-weight:400;font-style:italic}:root{--bg-dark:#080d29;--accent-purple:#331fe8;--text-main:#dcdef7;--text-accent:#7f8be4;--font-titles:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--size-text-body:.75em;--weight-space-regular:400;--weight-space-medium:500;--weight-space-semibold:600;--weight-inter-regular:400;--weight-inter-medium:500;--size-mobile-h1:2rem;--size-mobile-h2:1.5rem;--size-mobile-h3:1rem;--size-desktop-h1:2.5rem;--size-desktop-h2:2rem;--size-desktop-h3:1.5em;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--border-radius:5px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:10px}::-webkit-scrollbar-thumb{background-color:var(--accent-purple);border:2px solid var(--bg-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-accent)}*{scrollbar-color:var(--accent-purple) var(--bg-dark);scrollbar-width:thin}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}body{-webkit-font-smoothing:antialiased;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);font-weight:var(--weight-inter-regular);font-size:var(--size-text-body);text-rendering:optimizespeed;min-height:100vh;line-height:1.8}h1,h2,h3,h4{font-family:var(--font-titles);font-weight:var(--weight-space-semibold);line-height:1.2}h1{font-size:var(--size-mobile-h1)}h2{font-size:var(--size-mobile-h2)}h3{font-size:var(--size-mobile-h3)}strong{color:var(--text-accent);font-weight:var(--weight-space-medium)}@media (width>=1024px){h1{font-size:var(--size-desktop-h1)}h2{font-size:var(--size-desktop-h2)}h3{font-size:var(--size-desktop-h3)}}.layout-wrapper{background-color:var(--bg-dark);gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:1fr;grid-template-areas:"brand""photo""job""main""social";margin:auto;display:grid;overflow:hidden}.brand-header{grid-area:brand}.photo-area{grid-area:photo}.job-title{grid-area:job}.main-content{grid-area:main}.social-sidebar{grid-area:social}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:10px}.main-content::-webkit-scrollbar-thumb{background-color:var(--accent-purple);border:2px solid var(--bg-dark);border-radius:10px}.main-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-accent)}.main-content{scrollbar-color:var(--accent-purple) var(--bg-dark);scrollbar-width:thin}@media (width>=768px){.layout-wrapper{grid-template:"photo brand""photo job""photo main"1fr"photo main"/40% 60%;gap:0;max-width:1024px;height:100vh;padding:0;overflow:hidden}.brand-header{padding:var(--spacing-sm);padding-bottom:0}.job-title{padding:var(--spacing-sm);padding-top:0}.photo-area{grid-area:photo;height:100vh;position:relative}.social-sidebar{z-index:1;flex-direction:row;grid-area:photo;place-self:center;gap:20px;height:50vh;display:flex}.main-content{padding:var(--spacing-sm);grid-area:main;overflow-y:auto}}@media (width>=1024px){.brand-header{padding:var(--spacing-md);padding-bottom:0}.job-title{padding:var(--spacing-md);padding-top:0}.main-content{padding:var(--spacing-md)}}.brand-header{justify-content:space-between;display:flex}.brand-header .name{margin-right:var(--spacing-md)}.brand-header .action-button{background-color:var(--accent-purple);color:inherit;cursor:pointer;outline:inherit;font-size:1rem;font-weight:var(--weight-space-semibold);-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);border:none;justify-content:center;align-items:center;width:90px;height:35px;padding:0;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.brand-header .action-button:hover{transform:translateY(-2px)}.photo-area{background-image:linear-gradient(color-mix(in srgb, var(--accent-purple), transparent 40%)), url(/assets/profile-B6aPgbU9.jpg);border:1px solid var(--text-main);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;grid-area:photo;width:120px;height:120px;margin:auto;position:relative}.photo-area .web-icon{display:none}@media (width>=768px){.photo-area{background-position:30%;border:none;border-radius:0;width:100%;height:100vh}.photo-area .web-icon{display:inherit;width:60px;position:absolute;bottom:30px;right:30px}}@media (width>=1024px){.photo-area .web-icon{width:120px}}.job-title{text-align:center;width:100%;margin:auto}@media (width>=768px){.job-title{text-align:left}}.block-section{margin-bottom:var(--spacing-lg)}.block-section .section-title{color:var(--accent-purple);margin-bottom:var(--spacing-sm)}.about-me-content p{margin-bottom:var(--spacing-sm)}.about-me-content p:last-child{margin-bottom:0}.experience-accordion{margin-top:var(--spacing-md)}.experience-accordion .experience-block{margin-bottom:var(--spacing-md);position:relative}.experience-accordion .experience-block:last-child{margin-bottom:0}.experience-accordion .experience-block:before{content:"";background:var(--accent-purple);width:2px;height:calc(100% - 2px);position:absolute;top:20px;left:9px}.experience-accordion .experience-block .experience-header{display:flex}.experience-accordion .experience-block .experience-header .experience-title{margin-bottom:var(--spacing-sm)}.experience-accordion .experience-block .experience-header .radio-circle{border:2px solid var(--accent-purple);width:20px;min-width:20px;height:20px;margin-right:var(--spacing-sm);border-radius:50%;justify-content:center;align-items:center;transition:background .3s;display:flex}.experience-accordion .experience-block .experience-header .radio-circle .inner-dot{background:var(--accent-purple);border-radius:50%;width:8px;height:8px;transition:transform .3s;transform:scale(0)}.experience-accordion .experience-block .experience-content-wrapper{grid-template-rows:0fr;padding-left:37px;transition:grid-template-rows .4s ease-out;display:grid;overflow:hidden}.experience-accordion .experience-block .experience-content-wrapper .experience-content{min-height:0}.experience-accordion .experience-block .experience-content-wrapper .experience-content .experience-description{margin-left:var(--spacing-md);list-style:outside}.experience-accordion .experience-block.open .radio-circle .inner-dot{transform:scale(1)}.experience-accordion .experience-block.open .experience-content-wrapper{grid-template-rows:1fr}.experience-block:last-child:before{height:0;display:none}.education-item{margin-bottom:var(--spacing-sm)}.education-item:last-child{margin-bottom:0}.social-sidebar{justify-content:space-around;width:80%;margin:auto auto 1rem;display:flex}.social-sidebar .github-icon,.social-sidebar .instagram-icon,.social-sidebar .linkedIn-icon{width:24px}.social-sidebar .globe-icon,.social-sidebar .mail-icon{width:28px}.social-sidebar svg{cursor:pointer;transition:transform .2s,color .2s}.social-sidebar svg:hover{color:var(--accent-purple);transform:scale(1.2)}
