@font-face{font-family:Inter_Bold;src:url(/assets/Inter_28pt-Bold-CIsbICdH.ttf)}@font-face{font-family:Inter_Regular;src:url(/assets/Inter_28pt-Regular-Dou9gfMK.ttf)}@font-face{font-family:Poppins_Bold;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf)}:root{--color-bg: #171320;--color-text: #DEDEDE;--font-body: "Inter_Regular", "system-ui", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-xl: 16px}::selection{background-color:#a666ff;color:#171320}body{font-family:var(--font-body);margin:0;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}p{font-size:1rem;line-height:1.5}html{height:100%;scroll-behavior:smooth}.container{display:flex;justify-content:center;padding:0 2rem;max-width:1320px;margin:0 auto}aside{position:sticky;top:4rem;flex:1;max-width:640px;height:fit-content}.layout{display:flex;align-items:flex-start;justify-content:center;width:100%;gap:4rem}.content{flex:2;max-width:680px;margin-top:6.1rem}.mobile-only{display:none}.nav-links{margin-top:1.6rem;display:flex;flex-direction:column;gap:.7rem;font-family:Poppins_Bold,sans-serif;font-size:.9rem}.nav-button{background:none;border:none;padding:0;font:inherit;font-weight:600;font-size:.875rem;color:#a1a1aa;cursor:pointer;text-align:left;-webkit-user-select:text;user-select:text}.nav-button:hover .nav-label,.nav-button.active .nav-label{color:#fff}.nav-label{position:relative;display:inline-block}.nav-label:after{content:"";position:absolute;bottom:-2px;left:0;height:2px;width:0%;background-color:#fff;transition:width .3s ease}.nav-button:hover .nav-label:after,.nav-button.active .nav-label:after{width:100%}@media (max-width: 1024px){.social-icons{display:flex!important;gap:1.1rem;margin:1rem 0;z-index:10;justify-content:flex-start!important;align-self:flex-start!important;margin-left:0!important;padding-left:0!important}.container{padding:.9rem 1.4rem}.layout{flex-direction:column;gap:0}aside,.content{max-width:100%;position:static;padding:1rem 1.2rem;margin:.2rem}aside{top:auto}.mobile-only{display:block;font-size:.6rem;margin-bottom:.6rem;margin-top:.4rem;font-family:Poppins_Bold,sans-serif}.nav-links,.custom-cursor{display:none}}@media (max-width: 768px){.social-icons{display:flex!important;gap:1.1rem;margin:1rem 0;z-index:10;justify-content:flex-start!important;align-self:flex-start!important;margin-left:0!important;padding-left:0!important}.container{padding:.9rem .7rem}.layout{flex-direction:column;gap:0}aside,.content{max-width:100%;position:static;padding:1rem .6rem;margin:.2rem}aside{top:auto}.titleName{font-size:2.28rem}.titleRole{font-size:1.45rem}.mobile-only{display:block;font-size:.6rem;margin-bottom:.6rem;margin-top:.4rem;font-family:Poppins_Bold,sans-ser}.nav-links,.custom-cursor{display:none}}@media (max-width: 651px){.project-card{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;padding:1rem;gap:1.5rem;border-radius:var(--radius-md);text-decoration:none;flex-direction:column;align-items:center}.project-image{width:100%;max-width:100%;height:auto;border-radius:var(--radius-sm)}.project-card-wrapper:hover .project-card,.project-card-wrapper:hover .project-card:hover{opacity:1!important}.project-card:hover{transform:none!important;box-shadow:none!important}}a{color:var(--link-color)}a:hover{color:var(--link-hover)}h1{font-size:3.2em;line-height:1.1;color:#fff}.card{background-color:var(--color-button-bg);padding:2rem;border-radius:var(--radius-xl);box-shadow:0 2px 10px #0000004d}*{box-sizing:border-box}.sidebar{width:80vw;max-width:380px;min-width:250px;height:100vh;position:fixed;right:0;top:0;background-color:var(--color-bg);color:var(--color-text);box-shadow:-2px 0 10px #0003;z-index:999;animation:sidebarFadeIn .7s ease}@keyframes sidebarFadeIn{0%{opacity:0;transform:translate(100vw)}to{opacity:1;transform:translate(0)}}.sidebar-close{text-align:right;padding:10px;background:var(--color-bg);cursor:pointer;font-weight:700}.sidebar iframe{width:100%;height:calc(100% - 40px);border:none}.close-icon{width:20px;height:20px;cursor:pointer}aside h1{margin-bottom:.3em}aside h2{margin-top:0}.social-icons{display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;margin-top:1.8rem}.social-icons a{color:gray;transition:color .3s ease}.social-icons a:hover{color:#fff}.tooltip-style{background:#616161;color:var(--color-text);font-size:.95rem;border-radius:24px;box-shadow:0 3px 8px #00000026;padding:8px 12px;font-family:Inter,"system-ui",s ns-serif;font-weight:400;letter-spacing:.01em;z-index:2000;opacity:.95;transition:opacity .2s}.contact{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#826afb}form{max-width:600px;width:100%;background:#fff;padding:2rem;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;color:#333;margin:25px}form h2{font-size:1.5rem;text-align:center}form .input-box{margin-top:20px}.input-box .field{width:100%;height:50px;background:transparent;border:2px solid #ddd;outline:none;border-radius:6px;padding:15px;font-size:16px;color:#333;margin-top:8px}.input-box .field.mess{height:200px;resize:none}form button{width:100%;height:55px;background:#826afb;border:none;border-radius:6px;cursor:pointer;font-size:16px;box-shadow:0 0 10px #0000001a;color:#fff;font-weight:500;margin-top:25px;transition:.5s}form button:hover{background:#624ec6}.tech-icons{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.tech-icon-wrapper{width:60px;height:60px;background:#ffffff0d;border-radius:10px;box-sizing:border-box;transition:transform .3s ease}.tech-icon-wrapper:hover{background:#ffffff1a;transform:scale(1.1)}.tech-icons img{height:60px;width:60px;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:5px;transition:transform .3s ease}.tech-icon-img.dimmed{filter:grayscale(100%) brightness(.5);opacity:.46;transition:filter .4s ease,opacity .4s ease}.titleName,.titleRole{font-family:Inter_Bold,sans-serif;color:#fff}#skills,#projects{margin-top:3rem}.custom-cursor{position:fixed;top:0;left:0;width:700px;height:700px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .15s ease-out,opacity .2s ease-out;opacity:.2;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,.075) 30%,rgba(255,255,255,.035) 70%,transparent 80%);box-shadow:0 0 100px 60px #ffffff06,0 0 200px 120px #826afb06}.custom-cursor.hovered{opacity:.1;transition:opacity .1s ease}.project-card{display:flex;flex-direction:row;align-items:flex-start;background-color:var(--color-bg);color:var(--color-text);border-radius:var(--radius-md);text-decoration:none;box-shadow:0 4px 12px #0000004d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:1rem;gap:1.5rem}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #00000073}.project-image{width:256px;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:var(--radius-sm);flex-shrink:0;max-height:100%}.project-content{display:flex;flex-direction:column;justify-content:center;max-width:100%}.project-title{font-family:Inter_Bold,sans-serif;font-size:1.25rem;margin:0 0 .5rem}.project-description{font-family:Inter_Regular,sans-serif;font-size:1rem;line-height:1.5;margin:0}.project-card-wrapper:hover .project-card{opacity:.4;transition:opacity .3s ease}.project-card-wrapper:hover .project-card:hover{opacity:1!important}.project-meta{display:flex;align-items:center;gap:.27rem;margin-top:1rem;font-size:.875rem;color:#a1a1aa}.project-span{margin-top:.05rem}