:root{--p-500-code:228, 81%, 63%;--p-700-code:234, 56%, 51%;--p-950-code:233, 45%, 20%;--bg-color:#0b101d;--surface-color:#181f35e0;--surface-raised:#1e2843e6;--text-primary:#f4f7fa;--text-secondary:#b9c4d4;--text-tertiary:#9aa7bc;--border-color:#64cdf733;--border-strong:#64cdf773;--shadow-color:#010209a6;--spotlight-color:#54d8fc1a;--control-bg:#19233eeb;--control-border:#5adbfc59;--main-gradient-color:linear-gradient(90deg, #58dffd, #677df9);--h1-font-size:2rem;--h1-line-height:2.25rem;--h2-font-size:1.6rem;--h2-line-height:2rem;--p-font-size:1rem;--p-line-height:1.5rem;--p-letter-spacing:.025rem;--caption-font-size:.875rem}html[data-theme=light]{--bg-color:#f8fafc;--surface-color:#ffffffeb;--text-primary:#1b2041;--text-secondary:#49526e;--text-tertiary:#697591;--border-color:#5c6ebc33;--border-strong:#3c52b457}header{margin-top:40px}.header__container{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:32px;display:grid}.header__title{font-size:var(--h2-font-size);line-height:var(--h2-line-height);font-weight:600}.header__column--left{align-items:flex-start;gap:24px;display:flex}.header__column--left .header__content--left{flex-direction:column;gap:12px;display:flex}.header__column--left .header__badge_container{text-align:center;flex-wrap:wrap;gap:6px;display:flex}.badge{font-size:var(--caption-font-size);line-height:var(--caption-line-height);color:var(--text-primary);background-color:var(--surface-color);border:1px solid var(--border-color);white-space:nowrap;border-radius:4px;padding:4px 12px}.header__column--left p{max-width:38ch;line-height:1.65}.header__column--left p span{color:var(--text-primary);font-weight:700}.header__column--right{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 16px 28px -24px var(--shadow-color);border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:1.25rem;display:flex}.header__column--right p{justify-content:space-between;align-items:baseline;gap:12px;width:100%;line-height:1.5;display:flex}.header__column--right p span:first-child{color:var(--text-tertiary);font-weight:500}.header__column--right p span:last-child{color:var(--text-primary);text-align:right;word-break:break-word;font-weight:600}.header__column--right p span:last-child a{text-underline-offset:.18em;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:color .2s,text-decoration-color .2s}.header__img{background-image:url(/assets/avatar.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:100px;flex-shrink:0;width:132px;height:132px;box-shadow:inset 0 -1px 1px #ffffff80,0 4px 6px -1px #0003,0 2px 4px -2px #0003,inset 0 1px 3px #0000001a}.aboutMe__section{justify-content:center;align-items:center;max-width:1660px;margin:140px auto;display:flex;position:relative}.aboutMe__section img{width:300px;height:auto;position:absolute}.aboutMe__section img:first-child{z-index:-10;animation:6s ease-in-out infinite float;top:-20%;left:1%}.aboutMe__section img:nth-child(2){animation:7s ease-in-out 1s infinite float;bottom:-20%;right:0}.aboutMe__container{background-color:hsla(var(--p-600-code), .15);border:1px solid var(--border-color);border-radius:3rem;width:70%;padding:3rem}.aboutMe__content_container{background-color:var(--surface-raised);box-shadow:0 22px 40px -34px var(--shadow-color);border-radius:3rem;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:3rem 0;display:flex}.aboutMe__content_container h1{color:var(--p-600)}.aboutMe__content_container p{color:var(--text-secondary);padding:0 1rem}.CTA{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:90%;display:flex}.CTA a{cursor:pointer;text-align:center;border-radius:8px;width:240px;max-width:80%;padding:12px;font-weight:600;transition:all .3s}.primaryButton{color:#fff;background-color:var(--p-600);box-shadow:0 3px 6px -1px hsla(var(--p-900-code), .2), 0 1px 2px hsla(var(--p-900-code), .5)}.primaryButton:hover{background-color:var(--p-700)}.outlineButton{border:1px solid var(--border-strong);color:var(--text-primary);background-color:var(--surface-color)}.skills__container{flex-direction:column;gap:32px;display:flex}.skills__grid_container{grid-template-rows:repeat(2,minmax(320px,auto));grid-template-columns:repeat(3,minmax(100px,1fr));gap:12px;display:grid}.skills__grid_item_header div{gap:12px;display:flex}.skills__grid_item_header h2{font-size:var(--h2-font-size);line-height:var(--h2-line-height);text-transform:capitalize;font-weight:600}.skills__grid_item_header p{color:var(--text-tertiary);max-width:60ch;margin-top:12px}.skills__tech_lines{flex-direction:column;gap:10px;margin-top:12px;display:flex}.skills__tech_lines p{border:1px solid var(--border-color);background:hsla(var(--p-700-code), .08);max-width:none;color:var(--text-secondary);border-radius:10px;margin:0;padding:10px 12px;line-height:1.5}.skills__grid_item{border:1px solid var(--border-color);background-color:var(--surface-color);box-shadow:0 20px 28px -28px var(--shadow-color);border-radius:24px;padding:2rem;overflow:hidden}.skills__grid_item:first-child{background:url(/assets/cat1.jpeg) 50%/cover no-repeat;border:none}.skills__grid_item:nth-child(2){flex-direction:column;grid-column:span 2;justify-content:space-between;display:flex}.skills__grid_item:nth-child(2) .icons-list-wrapper{gap:12px;margin-top:8px;display:flex;overflow:hidden}.skills__grid_item:nth-child(2) .icons-list-wrapper:first-child>.icons-list{animation:30s linear infinite move-left}.skills__grid_item:nth-child(2) .icons-list-wrapper:nth-child(2)>.icons-list{animation:60s linear infinite move-right}.skills__grid_item:nth-child(2) .icons-list{flex-shrink:0;gap:12px;min-width:100%;display:flex}.skills__grid_item:nth-child(2) .icon-badges{width:12em;font-weight:700;font-size:var(--caption-font-size);text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;gap:1.14em;padding:.6em 0;display:flex}.skills__grid_item:nth-child(2) .icon-badges img{height:2em}.skills__grid_item:nth-child(2) .icon-badges:nth-child(2n){background:var(--main-gradient-color);color:#fff}.skills__grid_item:nth-child(2) .icon-badges:nth-child(odd){background:var(--surface-raised);border:1px solid var(--border-color)}.skills__grid_item:nth-child(2) .icon-badges:nth-child(odd) span{background:var(--main-gradient-color);color:#0000;-webkit-background-clip:text;background-clip:text}.skills__grid_item:nth-child(3){flex-direction:column;grid-column:span 2;justify-content:space-between;gap:1rem;display:flex}.skills__grid_item:nth-child(3) .softSkills__container{flex-wrap:wrap;flex:1;place-content:center;gap:8px;margin-top:8px;display:flex;position:relative}.skills__grid_item:nth-child(3) .softSkills_badge{border:1px solid var(--border-color);background-color:var(--surface-raised);width:244px;height:36px;font-size:var(--caption-font-size);text-transform:capitalize;border-radius:24px;justify-content:center;align-items:center;font-weight:600;display:flex;position:static}.skills__grid_item:nth-child(3) .softSkills_badge p{background:var(--main-gradient-color);color:#0000;-webkit-background-clip:text;background-clip:text}.skills__grid_item:nth-child(3) .softSkills_badge:first-child,.skills__grid_item:nth-child(3) .softSkills_badge:nth-child(2),.skills__grid_item:nth-child(3) .softSkills_badge:nth-child(3),.skills__grid_item:nth-child(3) .softSkills_badge:nth-child(4){transform:none}.skills__grid_item:nth-child(3) .softSkills__book_icons{width:100%;height:100%;position:relative}.skills__grid_item:nth-child(3) .softSkills__book_icons img{width:40px;height:40px;position:absolute}.skills__grid_item:nth-child(3) .softSkills__book_icons img:first-child{top:20px;left:50px;transform:scaleX(-1)translateY(5px)}.skills__grid_item:nth-child(3) .softSkills__book_icons img:nth-child(2){top:40%;left:45%;transform:rotate(120deg)}.skills__grid_item:nth-child(3) .softSkills__book_icons img:nth-child(3){top:10%;right:20%}.skills__grid_item:nth-child(3) .softSkills__book_icons img:nth-child(4){bottom:20%;right:5%;transform:rotate(-40deg)}.skills__grid_item:nth-child(4){background:url(/assets/cat3.jpeg) 50%/cover no-repeat;border:none}.skills__grid_item:nth-child(4):hover{background-image:url(/assets/cat2.jpeg)}@media (max-width:1280px){.skills__grid_item:nth-child(3) .softSkills_badge{width:min(244px,100%);position:static;transform:none}.skills__grid_item:nth-child(3) .softSkills__book_icons{display:none}}@media (max-width:768px){.skills__grid_container{grid-template-rows:auto;grid-template-columns:1fr}.skills__grid_item:nth-child(2),.skills__grid_item:nth-child(3){grid-column:span 1}.skills__grid_item:first-child,.skills__grid_item:nth-child(4){min-height:220px}}@media (max-width:640px){.skills__grid_item{border-radius:18px;padding:1.25rem}.skills__grid_item:nth-child(2) .icon-badges{width:10.5em}}.projects_container{flex-direction:column;gap:24px;display:flex}.projects__cards_container{grid-template-columns:repeat(1,1fr);gap:24px;width:100%;margin:0 auto;display:grid}@media (min-width:768px){.projects__cards_container{grid-template-columns:repeat(2,1fr)}}.projects_cards{border:1px solid var(--border-color);background:var(--surface-raised);box-shadow:1px 4px 8px -2px var(--shadow-color), 1px 2px 6px -2px var(--shadow-color);border-radius:20px;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s;display:flex;overflow:clip}.projects_cards:hover{box-shadow:0 20px 30px -20px var(--shadow-color);transform:translateY(-4px)}.projects__cards_wrapper{background:hsla(var(--p-700-code), .16);padding:12px}.projects__cards_img{object-fit:cover;border-radius:14px;width:100%;height:180px;transition:transform .5s ease-in-out}.projects__cards_img:hover{transform:scale(1.02)}.projects__cards_titles{flex-direction:column;flex:1;gap:6px;padding:12px 16px 14px;display:flex}.projects__cards_titles h4{font-size:var(--caption-font-size);line-height:var(--caption-line-height);text-transform:uppercase;color:var(--text-tertiary)}.projects__cards_titles h3{font-size:var(--h3-font-size);line-height:var(--h3-line-height);color:#fff;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:1rem;font-weight:700;display:-webkit-box;overflow:hidden}.projects__cards_titles p{color:var(--text-secondary);margin:0;line-height:1.55}.projects__cards_titles p:first-of-type{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.projects__stack{font-size:var(--caption-font-size);color:var(--text-tertiary)!important}.projects__label{text-transform:uppercase;color:#3b82f6;letter-spacing:1px;font-size:.75rem;font-weight:800}.projects__actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.project_action_button{background:var(--main-gradient-color);color:#fff;font-weight:600;font-size:var(--caption-font-size);border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.project_action_button svg{width:1rem;height:1rem}.project_action_button:hover{opacity:.95;transform:translateY(-1px)}.project_action_button--secondary{border-color:var(--border-strong);color:var(--text-primary);background:0 0}footer{font-size:var(--caption-font-size);color:var(--text-tertiary);text-align:center;background-image:var(--gradient-color);border-top:1px solid var(--border-color);padding:40px 0;max-width:none!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes move-left{to{transform:translate(calc(-100% - 12px))}}@keyframes move-right{0%{transform:translate(-100%)}to{transform:translate(12px)}}*{box-sizing:border-box}:root{font-size:var(--p-font-size);line-height:var(--p-line-height);letter-spacing:var(--p-letter-spacing);scroll-behavior:smooth;font-family:Chakra Petch,sans-serif;font-weight:400}body{color:var(--text-primary);background-color:var(--bg-color);transition:background-color .35s,color .35s}.portfolio-theme{background-size:100% 100%,7px 7px;background-image:radial-gradient(circle at 8% 12%, var(--spotlight-color), transparent 30%), repeating-linear-gradient(45deg, hsla(var(--p-500-code), .08) 0, hsla(var(--p-700-code), .08) .7px, transparent 0, transparent 50%)}a{text-decoration:none}section{position:relative}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.section__header{flex-direction:column;align-items:center;gap:16px;display:flex}.section__title{font-size:var(--h1-font-size);line-height:var(--h1-line-height);color:var(--text-primary);text-transform:capitalize;font-weight:700}.section__description{text-align:center;max-width:65ch;color:var(--text-tertiary)}.site-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;margin-top:22px;margin-bottom:10px;display:flex}.section__panel{background:var(--surface-raised);border:1px solid var(--border-color);box-shadow:0 20px 40px -28px var(--shadow-color);border-radius:1.5rem;padding:1.5rem}.section__panel>.section__header{align-items:center}.site-menu{z-index:30;border:1px solid var(--control-border);background:hsla(var(--p-950-code), .44);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 30px -24px var(--shadow-color);border-radius:999px;justify-content:center;gap:.6rem;width:fit-content;margin-top:6px;margin-bottom:18px;padding:.45rem;display:flex;position:sticky;top:10px}.menu-link{color:var(--text-secondary);font-size:var(--caption-font-size);border:1px solid #0000;border-radius:999px;padding:.5rem .9rem;font-weight:600;transition:color .2s,border-color .2s,background-color .2s}.menu-link:hover{color:var(--text-primary);border-color:var(--border-color)}.menu-link.active{color:#fff;background:var(--main-gradient-color);border-color:#0000}.control-group{background:var(--control-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--control-border);box-shadow:0 10px 20px -14px var(--shadow-color), inset 0 0 0 1px hsla(var(--p-500-code), .15);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem;display:inline-flex}.control-label{letter-spacing:.06rem;text-transform:uppercase;color:var(--text-tertiary);padding-left:.4rem;font-size:.75rem;font-weight:600}.control-button{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;font-size:var(--caption-font-size);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .85rem;font-family:inherit;font-weight:600;transition:border-color .25s,transform .2s,background-color .25s;display:inline-flex}.control-button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.back-to-top{z-index:40;border:1px solid var(--border-strong);background:var(--surface-color);color:var(--text-primary);font-size:var(--caption-font-size);cursor:pointer;opacity:0;pointer-events:none;border-radius:999px;padding:.65rem .9rem;font-family:inherit;font-weight:600;transition:opacity .22s,transform .22s,border-color .2s;position:fixed;bottom:20px;right:18px;transform:translateY(10px)}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}