:root{--bg-gradient-onyx:linear-gradient(to bottom right, #3f3f40 3%, #303030 97%);--bg-gradient-jet:linear-gradient(to bottom right, #2d2d2e40 0%, #1b1b1d00 100%), #202022;--bg-gradient-yellow-1:linear-gradient(to bottom right, #ffda6b 0%, #ffc06100 50%);--bg-gradient-yellow-2:linear-gradient(135deg, #ffda6b40 0%, #ffbb5c00 59.86%), #202022;--border-gradient-onyx:linear-gradient(to bottom right, #404040 0%, #40404000 50%);--text-gradient-yellow:linear-gradient(to right, #ffdb70, #ffbb5c);--jet:#383838;--onyx:#2b2b2c;--onyx-nav:#2b2b2cbf;--eerie-black-1:#202022;--eerie-black-2:#1e1e1f;--smoky-black:#121212;--white-1:#fff;--white-2:#fafafa;--orange-yellow-crayola:#ffdb70;--vegas-gold:#ceb15a;--vegas-gold-2:#e1b941;--light-gray:#d6d6d6;--light-gray-70:#d6d6d6b3;--bittersweet-shimmer:#b84c4c;--ff-poppins:"Poppins", sans-serif;--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px #00000040;--shadow-2:0 16px 30px #00000040;--shadow-3:0 16px 40px #00000040;--shadow-4:0 25px 50px #00000026;--shadow-5:0 24px 80px #00000040;--transition-1:.25s ease;--transition-2:.5s ease-in-out}.lightmode{--bg-gradient-yellow-2:linear-gradient(135deg, #ffda6b40 0%, #ffbb5c00 59.86%), #f5f5f5;--jet:#c7c7c7;--onyx:#e6e6e6;--onyx-nav:#fafafa;--eerie-black-1:#f0f0f0;--eerie-black-2:#f2f2f2;--smoky-black:#e6e6e6;--white-1:#000;--white-2:#050505;--orange-yellow-crayola:#e39c02;--orange-yellow-crayola-2:#f5b80040;--vegas-gold:#e39c02;--light-gray:#292929;--light-gray-70:#292929b3;--bittersweet-shimmer:#b84c4c;--shadow-1:-4px 8px 24px #00000008;--shadow-2:0 16px 30px #00000014;--shadow-3:0 16px 40px #0000001a;--shadow-4:0 25px 50px #0000000f;--shadow-5:0 24px 80px #00000014}.lightmode .info_more-btn{background:var(--onyx-nav);border-bottom:.1px solid var(--jet);border-left:.1px solid var(--jet)}.lightmode .info_more-btn:before{background:var(--onyx-nav)}.lightmode .icon-box{background:0 0}.lightmode .icon-box:before{border:1px solid var(--jet)}.lightmode .timeline-item{border:1px solid var(--jet);background:linear-gradient(135deg,#ffffffbf 0%,#f0f0f599 100%);box-shadow:0 4px 16px #0000000a}.lightmode .timeline-item:hover{border-color:var(--orange-yellow-crayola);box-shadow:0 6px 20px #00000012}.lightmode .project-item{border:1px solid var(--jet);background:linear-gradient(135deg,#ffffffbf 0%,#f0f0f599 100%);box-shadow:0 4px 16px #0000000a}.lightmode .project-item:hover{border-color:var(--orange-yellow-crayola)}.lightmode .project-title{color:#242429}.lightmode .project-item:hover .project-title{color:#bd7005}.lightmode .project-description{color:#56565d}.lightmode .project-tag-pill{color:#ae6704;background:#ffbf001f;border:1px solid #ffbf0047}.lightmode .project-item:hover .project-tag-pill{background:#ffbf002e;border-color:#ffbf0073}.lightmode .skill-card{border:1px solid var(--jet);background:linear-gradient(135deg,#ffffffbf 0%,#f0f0f599 100%);box-shadow:0 4px 16px #0000000a}.lightmode .skill-card:hover{border-color:var(--orange-yellow-crayola);box-shadow:0 6px 20px #00000012}.lightmode .skill-card-title{color:#242429}.lightmode .skill-tag-pill{color:#3c3c44;background:#0000000a;border:1px solid #00000014}.lightmode .skill-tag-pill:hover{border-color:var(--orange-yellow-crayola);color:#bd7005;background:#ffbf001f}.lightmode .filter-select{border:1px solid var(--jet);color:#303036;background:linear-gradient(135deg,#ffffffbf 0%,#f0f0f599 100%);box-shadow:0 4px 16px #0000000a}.lightmode .filter-select:hover{border-color:var(--orange-yellow-crayola)}.lightmode .filter-select.active{border-color:var(--orange-yellow-crayola);color:#bd7005}.lightmode .filter-select.active .select-icon{color:var(--orange-yellow-crayola)}.lightmode .select-list{border:1px solid var(--jet);background:linear-gradient(135deg,#ffffffeb 0%,#f5f5f8e0 100%);box-shadow:0 16px 40px #00000014,inset 0 1px #ffffffe6}.lightmode .select-item button{color:#3c3c44;background:0 0;border:1px solid #0000}.lightmode .select-item button:hover{border-color:var(--orange-yellow-crayola);color:#bd7005;background:linear-gradient(135deg,#ffffffbf 0%,#f0f0f599 100%)}.lightmode .select-item button.active{border-color:var(--orange-yellow-crayola);color:#bd7005;background:#ffbf001f}.lightmode .filter-item button{border:1px solid var(--jet);color:#3c3c44;background:linear-gradient(135deg,#ffffffbf 0%,#f0f0f599 100%);box-shadow:0 4px 16px #0000000a}.lightmode .filter-item button:hover{border-color:var(--orange-yellow-crayola);color:#bd7005}.lightmode .filter-item button.active{border-color:var(--orange-yellow-crayola);color:#bd7005;background:#ffbf001f}.lightmode .site-bg{background:radial-gradient(circle at 50% -12%,#ffbf0014 0%,#0000 45%),radial-gradient(circle at 90% 70%,#c2c9d626 0%,#0000 40%),#f5f5f5}.lightmode .grid-glow{opacity:.28;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}.lightmode .orb-a{background:#ffc61a24}.lightmode .orb-b{background:#acb9d233}.lightmode .orb-c{background:#ffd24c14}.lightmode .sidebar,.lightmode article{-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffffe0 0%,#f5f5f8bf 100%);border:1px solid #00000014;box-shadow:0 20px 50px #0000000f,inset 0 1px #ffffffe6}.lightmode .sidebar:before,.lightmode article:before{background:radial-gradient(at 30% 0,#f5b8000f,#0000 50%)}.lightmode .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff8c 0%,#f5f5f873 100%);border:1px solid #00000014;transform:translateZ(0);box-shadow:0 16px 40px #0000000f,inset 0 1px #ffffffe6}.lightmode .profile-modal{-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#fffffff2 0%,#f5f5f8e6 100%);border:1px solid #0000001a;box-shadow:0 28px 70px #0000001f,inset 0 1px #fffffff2}.lightmode .btn-secondary{color:var(--white-2);background:#0000000a;border-color:#0000001f;box-shadow:0 2px 6px #0000000a}.lightmode .btn-secondary:hover{background:#00000012;border-color:#00000038;box-shadow:0 3px 8px #0000000f}.lightmode .btn-shiny{background:linear-gradient(135deg,#fffffff2 0%,#f5f5f8f2 100%) 0 0/100% 100% padding-box padding-box,linear-gradient(110deg,#0000001f 0% 40%,#000000f2 50%,#0000001f 60% 100%) 0 0/200% 100% border-box;border:1px solid #0000;box-shadow:0 2px 8px #0000000a}.lightmode .btn-shiny:hover{background:linear-gradient(135deg,#f8f8fcfa 0%,#eeeef4fa 100%) padding-box padding-box,linear-gradient(110deg,#00000038 0% 40%,#000000f2 50%,#00000038 60% 100%) border-box;box-shadow:0 3px 10px #00000012}.lightmode .shiny-text{background:linear-gradient(110deg,#00000073 0% 40%,#000000f2 50%,#00000073 60% 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lightmode .hero-title{color:#383838}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}img,ion-icon,a,button,span{display:block}button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}::selection{background:var(--orange-yellow-crayola);color:var(--smoky-black)}:focus{outline:none}html{font-family:var(--ff-poppins)}body{background:var(--smoky-black);min-height:100vh;position:relative}.site-bg{z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% -12%, #ffdb7017 0%, transparent 45%), radial-gradient(circle at 90% 70%, #3d3d5c24 0%, transparent 40%), var(--smoky-black);transition:background var(--transition-2);position:fixed;inset:0;overflow:hidden}.grid-glow{opacity:.22;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 35%,#000 20%,#0000 80%);mask-image:radial-gradient(circle at 50% 35%,#000 20%,#0000 80%)}.orb{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.orb-a{background:#ffdb701c;width:400px;height:400px;animation:20s ease-in-out infinite alternate floatOrbA;top:60px;left:-120px}.orb-b{background:#56568f21;width:440px;height:440px;animation:24s ease-in-out infinite alternate floatOrbB;top:450px;right:-140px}.orb-c{background:#f6bb550d;width:280px;height:280px;animation:28s ease-in-out infinite alternate floatOrbC;top:25%;left:45%}@keyframes floatOrbA{0%{transform:translate(0)scale(1)}50%{transform:translate(45px,35px)scale(1.08)}to{transform:translate(-25px,55px)scale(.94)}}@keyframes floatOrbB{0%{transform:translate(0)scale(1)}50%{transform:translate(-55px,-45px)scale(1.1)}to{transform:translate(25px,-25px)scale(.92)}}@keyframes floatOrbC{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,40px)scale(1.15)}to{transform:translate(-30px,-20px)scale(.95)}}.sidebar,article{-webkit-backdrop-filter:blur(24px);z-index:1;background:linear-gradient(135deg,#1c1c22a6 0%,#121216cc 100%);border:1px solid #ffffff17;border-radius:24px;padding:18px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0006,inset 0 1px #ffffff1f}.sidebar:before,article:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 0,#ffdb700f,#0000 50%);width:200%;height:100%;position:absolute;top:0;left:-50%}.separator{background:linear-gradient(90deg, transparent 0%, var(--jet) 15%, var(--jet) 85%, transparent 100%);width:100%;height:1px;margin:22px 0}.icon-box{background:var(--border-gradient-onyx);width:30px;height:30px;color:var(--orange-yellow-crayola);box-shadow:var(--shadow-1);z-index:1;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.icon-box:before{content:"";background:var(--eerie-black-1);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.icon-box ion-icon{--ionicon-stroke-width:35px}article{display:none}article.active{animation:.5s backwards fade;display:block;position:relative}@keyframes fade{0%{opacity:0}to{opacity:1}}.h2,.h3,.h4{color:var(--white-2);text-transform:capitalize}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4)}.article-title{padding-bottom:7px;position:relative}.article-title:after{content:"";background:var(--text-gradient-yellow);border-radius:3px;width:30px;height:3px;position:absolute;bottom:0;left:0}.has-scrollbar::-webkit-scrollbar{width:5px;height:5px}.has-scrollbar::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}main{min-width:259px;margin:10px 12px 75px}.sidebar{transition:box-shadow var(--transition-1);margin-bottom:15px;overflow:hidden}.sidebar-info{justify-content:flex-start;align-items:center;gap:15px;display:flex;position:relative}.avatar-box img{border-radius:inherit;box-shadow:var(--shadow-2);transition:var(--transition-1)}.avatar-box img:hover{transition:var(--transition-1);transform:scale(1.3)}.avatar-box{border-radius:20px;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-box img{border-radius:inherit;box-shadow:var(--shadow-2);transition:var(--transition-1);cursor:pointer}.modal-container{overscroll-behavior:contain;z-index:20;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-container.active{pointer-events:all;visibility:visible}.overlay{opacity:0;visibility:hidden;pointer-events:none;z-index:1;width:100%;height:100vh;transition:var(--transition-1);background:#0d0d0d;position:fixed;top:0;left:0}.overlay.active{opacity:.8;visibility:visible;pointer-events:all}.profile-modal{-webkit-backdrop-filter:blur(24px);opacity:0;transition:var(--transition-1);z-index:2;background:linear-gradient(135deg,#1c1c22e0 0%,#121216f2 100%);border:1px solid #ffffff1f;border-radius:20px;padding:18px;position:relative;transform:scale(1.2);box-shadow:0 28px 80px #0009,inset 0 1px #ffffff26}.modal-container.active .profile-modal{opacity:1;transform:scale(1)}.modal-close-btn{background:var(--onyx);width:32px;height:32px;color:var(--white-2);opacity:.7;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:15px;right:15px}.modal-close-btn:hover,.modal-close-btn:focus{opacity:1}.modal-close-btn ion-icon{--ionicon-stroke-width:50px}.modal-avatar-box{background:var(--bg-gradient-onyx);max-width:90vw;max-height:80vh;box-shadow:var(--shadow-2);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.modal-avatar-box img{object-fit:contain;border-radius:inherit;width:100%;max-width:400px;height:auto;max-height:400px}.info-content .name{color:var(--white-2);font-size:clamp(14px,4.2vw,17px);font-weight:var(--fw-500);letter-spacing:-.25px;text-wrap:balance;margin-bottom:8px;line-height:1.25}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-8);font-weight:var(--fw-300);border-radius:8px;width:max-content;padding:3px 12px}.info_more-btn{color:var(--orange-yellow-crayola);background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);transition:var(--transition-1);z-index:1;border-radius:0 24px 0 15px;padding:10px 12px;font-size:13px;position:absolute;top:-18px;right:-18px}.info_more-btn ion-icon{transition:transform var(--transition-1)}.sidebar.active .info_more-btn ion-icon{transform:rotate(180deg)}.info_more-btn:before{content:"";border-radius:inherit;background:var(--bg-gradient-jet);transition:var(--transition-1);z-index:-1;position:absolute;inset:1px}.info_more-btn:hover,.info_more-btn:focus{background:var(--bg-gradient-yellow-1)}.info_more-btn:hover:before,.info_more-btn:focus:before{background:var(--bg-gradient-yellow-2)}.info_more-btn span{display:none}.sidebar-info_more{opacity:0;visibility:hidden;will-change:grid-template-rows, opacity;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .28s,visibility .28s;display:grid}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible;grid-template-rows:1fr}.sidebar-info_more-inner{min-height:0;overflow:hidden}.contacts-list{grid-template-columns:1fr;gap:16px;display:grid}.contact-item{align-items:center;gap:16px;min-width:100%;display:flex}.contact-info{width:calc(100% - 46px);max-width:calc(100% - 46px)}.contact-title{color:var(--light-gray-70);font-size:var(--fs-8);text-transform:uppercase;margin-bottom:2px}.contact-info :is(.contact-link,address){color:var(--white-2);font-size:var(--fs-7)}.contact-info address{font-style:normal}.hov-yellow{transition:var(--transition-1)}.hov-yellow:hover{color:var(--orange-yellow-crayola);transition:var(--transition-1)}.social-list{justify-content:flex-start;align-items:center;gap:15px;padding-bottom:4px;padding-left:7px;display:flex}.social-item a{justify-content:center;align-items:center;display:flex}.social-item a img{max-width:18px;max-height:18px}.social-item a img:hover{stroke:var(--orange-yellow-crayola)}.social-item .social-link{color:var(--light-gray-70);font-size:18px}.social-item .social-link:hover{color:var(--orange-yellow-crayola);scale:1.1}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:linear-gradient(135deg,#1c1c2273 0%,#1212168c 100%);border:1px solid #ffffff17;border-radius:18px 18px 0 0;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;bottom:0;left:0;transform:translateZ(0);box-shadow:0 -8px 30px #00000059,inset 0 1px #ffffff1a}.navbar-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:0 10px;display:flex}.navbar-theme-wrapper{align-items:center;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);transition:color var(--transition-1);padding:20px 7px}.navbar-link:hover,.navbar-link:focus{color:var(--light-gray-70)}.navbar-link.active{color:var(--orange-yellow-crayola)}.rotate-icon{transform:rotate(360deg)}#theme-toggle{transition:transform var(--transition-1);justify-content:center;align-items:center;display:flex}#theme-toggle svg{width:18px;height:18px}#theme-toggle svg:last-child,.lightmode #theme-toggle svg:first-child{display:none}.lightmode #theme-toggle svg:last-child{display:block}article.home,article.about{min-height:100%;padding:clamp(40px,6vh,68px) clamp(24px,4vw,52px)}.hero-separator{opacity:.6;margin:clamp(32px,5vh,48px) 0}.hero-section{z-index:1;padding-top:clamp(12px,2.5vh,28px);display:block;position:relative}.hero-copy{max-width:100%}.hero-title{font-family:var(--ff-poppins);letter-spacing:-.035em;color:var(--white-2);max-width:960px;margin-bottom:clamp(18px,2.8vh,28px);font-size:clamp(3.35rem,6.4vw,5.4rem);font-weight:700;line-height:1.08}.hero-title em{background:var(--text-gradient-yellow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:-.2em;padding-bottom:.2em;font-style:normal;display:inline-block}.hero-text{color:var(--light-gray);flex-direction:column;gap:12px;max-width:760px;margin-bottom:clamp(24px,3.5vh,36px);font-size:15px;font-weight:300;line-height:1.7;display:flex}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:0;display:flex}.btn{font-size:15px;font-weight:600;font-family:var(--ff-poppins);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 28px;text-decoration:none;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--text-gradient-yellow);color:#141414;border:1px solid #fff3;box-shadow:0 4px 14px #0003}.btn-primary:hover{background:linear-gradient(90deg,#ffdf80,#ffc470);border-color:#ffffff59;transform:translateY(-1px);box-shadow:0 5px 16px #0000003d}.btn-secondary{color:var(--white-2);-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff04 100%);border:1px solid #ffffff24;box-shadow:0 4px 14px #0003}.btn-secondary:hover{background:linear-gradient(135deg,#ffffff17 0%,#ffffff08 100%);border-color:#ffffff47;transform:translateY(-1px);box-shadow:0 5px 16px #00000040}.btn-shiny{-webkit-backdrop-filter:blur(16px);will-change:background-position;background:linear-gradient(135deg,#1c1c22e6 0%,#121216f5 100%) 0 0/100% 100% padding-box padding-box,linear-gradient(110deg,#ffffff26 0% 40%,#fff 50%,#ffffff26 60% 100%) 0 0/200% 100% border-box;border:1px solid #0000;padding:0;animation:3.2s linear infinite magic-shiny-border;position:relative;overflow:hidden;box-shadow:0 4px 14px #0003}.btn-shiny:hover{background:linear-gradient(135deg,#26262ef0 0%,#1a1a20fa 100%) padding-box padding-box,linear-gradient(110deg,#ffffff47 0% 40%,#fff 50%,#ffffff47 60% 100%) border-box;transform:translateY(-1px);box-shadow:0 5px 16px #00000042}.shiny-text{background:linear-gradient(110deg,#ffffff73 0% 40%,#fff 50%,#ffffff73 60% 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;will-change:background-position;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:48px;padding:14px 28px;transition:transform .25s;animation:3.2s linear infinite magic-shiny-text;display:inline-flex}.shiny-text .btn-arrow{transition:transform .25s;display:inline-block}.btn-shiny:hover .shiny-text .btn-arrow{transform:translate(2px,-2px)}@keyframes magic-shiny-text{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes magic-shiny-border{0%{background-position:0 0,0 0}to{background-position:0 0,-200% 0}}.btn-arrow{font-size:16px;transition:transform .25s}.btn:hover .btn-arrow{transform:translate(2px,-2px)}.btn-primary:hover .btn-arrow{transform:translateY(2px)}.hero-links{color:var(--light-gray-70);border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:18px 24px;padding-top:24px;font-size:14px;display:flex}.hero-link{color:var(--light-gray);align-items:center;gap:5px;min-height:38px;transition:color .2s,transform .2s;display:inline-flex}.hero-link span{opacity:.75;font-size:12px;transition:transform .2s,opacity .2s}.hero-link:hover{color:var(--orange-yellow-crayola)}.hero-link:hover span{opacity:1;transform:translate(2px,-2px)}.hero-location{color:var(--light-gray-70);align-items:center;gap:6px;margin-left:auto;font-size:13.5px;display:inline-flex}.hero-card-wrapper{perspective:1000px;justify-content:center;align-items:center;display:flex}.hero-card{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff16 0%,#ffffff05 100%);border:1px solid #ffffff21;border-radius:28px;width:100%;max-width:330px;padding:15px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s;position:relative;transform:rotate(1.4deg);box-shadow:0 28px 75px #00000073,0 0 0 1px #ffffff0a,inset 0 1px 1px #ffffff47}.hero-card:hover{border-color:#ffdb7061;transform:rotate(0)translateY(-6px)scale(1.02);box-shadow:0 36px 90px #0000008c,0 0 40px #ffdb702e,inset 0 1px 2px #ffffff73}.hero-card-glow{border-radius:inherit;pointer-events:none;opacity:.85;background:radial-gradient(circle at 85% 15%,#ffdb7024,#0000 48%);transition:opacity .45s;position:absolute;inset:0}.hero-card:hover .hero-card-glow{opacity:1}.hero-image-wrap{aspect-ratio:1/1.08;background:#2d2d2f;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #00000073}.hero-image-wrap img{object-fit:cover;object-position:center top;filter:contrast(1.04)saturate(.96);width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s}.hero-card:hover .hero-image-wrap img{filter:contrast(1.06)saturate(1.06);transform:scale(1.05)}.image-overlay-tint{pointer-events:none;background:linear-gradient(#0000 60%,#070a1266 100%);position:absolute;inset:0}.hero-card-bottom{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff04 100%);border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.hero-card-info{flex-direction:column;gap:2px;display:flex}.hero-card-label{letter-spacing:.16em;text-transform:uppercase;color:var(--orange-yellow-crayola);font-size:9px;font-weight:700}.hero-card-role{font-family:var(--ff-poppins);color:var(--white-1);font-size:13.5px;font-weight:600;line-height:1.25}.hero-card-institution{color:var(--light-gray-70);font-size:11.5px}.hero-card-arrow{width:34px;height:34px;color:var(--orange-yellow-crayola);background:#ffffff08;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;transition:all .35s;display:grid}.hero-card:hover .hero-card-arrow{background:var(--text-gradient-yellow);color:#141414;border-color:#0000;transform:rotate(45deg);box-shadow:0 4px 14px #ffdb7066}.article-title{margin-bottom:30px}.shine-btn-wrapper{height:45px;position:relative}.btn-shine{color:#fff;background:linear-gradient(90deg,#9f9f9f 0,#fff 10%,#868686 20%) 0;-webkit-text-fill-color:transparent;-webkit-text-size-adjust:none;white-space:nowrap;-webkit-background-clip:text;background-clip:text;padding:0 40px;font-family:Poppins,sans-serif;font-size:16px;font-weight:200;text-decoration:none;transition:all .3s;animation:6s linear infinite forwards shine;position:absolute;top:5px;left:50%;transform:translate(-50%,-50%)}.btn-shine:hover{transition:all .3s;transform:translate(-48%,-48%)scale(1.05)}@keyframes shine{0%{background-position:0}20%{background-position:250px}to{background-position:250px}}.timeline{margin-bottom:22px}.timeline .title-wrapper{align-items:center;gap:12px;margin-bottom:16px;display:flex}.timeline-list{font-size:var(--fs-6);flex-direction:column;gap:12px;margin-left:0;padding-left:0;list-style:none;display:flex}.timeline-item{transition:border-color var(--transition-1), transform var(--transition-1), box-shadow var(--transition-1);background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:14px;padding:14px 16px;position:relative;box-shadow:0 4px 18px #0000002e}.timeline-item:hover{border-color:#ffffff29;box-shadow:0 8px 24px #00000047}.timeline-item:not(:last-child){margin-bottom:0}.timeline-date{color:var(--orange-yellow-crayola);font-family:var(--ff-poppins);font-size:var(--fs-8);font-weight:var(--fw-500);letter-spacing:.02em;margin-bottom:3px;line-height:1.3}.timeline-item-title{font-size:16.5px;font-weight:var(--fw-600);color:var(--white-1);margin-bottom:5px;line-height:1.3}.timeline-item-p{color:var(--light-gray);font-style:italic;font-weight:var(--fw-400);flex-flow:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:13px;line-height:1.45;display:flex}.timeline-item-p span{color:var(--light-gray);font-weight:var(--fw-300);transition:all var(--transition-1);align-items:center;gap:6px;font-style:italic;display:inline-flex}.timeline-cert-item{cursor:pointer;padding:0}.timeline-cert-link,.timeline-cert-content{color:inherit;border-radius:inherit;width:100%;height:100%;padding:14px 16px;text-decoration:none;display:block}.timeline-cert-issuer{align-items:center;gap:7px;line-height:1.4;display:inline-flex}.timeline-cert-issuer span{transition:color var(--transition-1)}.timeline-cert-issuer .timeline-item-icon{opacity:.8;vertical-align:middle;width:17px;height:17px;transition:transform var(--transition-1), opacity var(--transition-1);flex-shrink:0;display:inline-block}.timeline-cert-item:hover{border-color:#ffffff38;box-shadow:0 8px 26px #0000004d}.timeline-cert-item:hover .timeline-cert-issuer span{color:var(--orange-yellow-crayola)}.timeline-cert-item:hover .timeline-cert-issuer .timeline-item-icon{opacity:1;transform:translate(3px,-3px)}.lightmode .timeline-cert-item:hover{border-color:var(--orange-yellow-crayola);box-shadow:0 6px 20px #00000014}.lightmode .timeline-cert-item:hover .timeline-cert-issuer span{color:var(--orange-yellow-crayola)}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);border-top:1px solid #ffffff0f;margin-top:10px;padding-top:8px;font-size:12.5px;line-height:1.5}.lightmode .timeline-text{border-top-color:#0000000f}.timeline-text li{margin-bottom:4px;margin-left:16px;list-style:outside}.timeline-text li:last-child{margin-bottom:0}.skills-section{margin-bottom:22px}.skills-grid{grid-template-columns:1fr;gap:14px;display:grid}.skill-card{transition:border-color var(--transition-1), transform var(--transition-1), box-shadow var(--transition-1);background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:14px;padding:16px 18px;position:relative;box-shadow:0 4px 18px #0000002e}.skill-card:hover{border-color:#ffffff2e;box-shadow:0 8px 24px #00000047}.skill-card-title{font-size:15px;font-weight:var(--fw-600);color:var(--white-1);letter-spacing:-.2px;align-items:center;gap:8px;margin-bottom:12px;display:flex}.skill-card-title:before{content:"";background:var(--orange-yellow-crayola);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #ffdb7099}.skill-tag-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-tag-pill{color:var(--light-gray);transition:border-color var(--transition-1), color var(--transition-1), background var(--transition-1), transform var(--transition-1);background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:400}.skill-tag-pill:hover{border-color:var(--orange-yellow-crayola);color:var(--orange-yellow-crayola);background:#ffdb7014;transform:translateY(-1px)}.filter-list{display:none}.filter-select-box{margin-bottom:25px;position:relative}.filter-select{color:var(--light-gray);width:100%;font-size:var(--fs-6);font-weight:var(--fw-400);transition:border-color var(--transition-1), color var(--transition-1);background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 4px 18px #0000002e}.filter-select:hover{border-color:#ffffff38}.filter-select.active{border-color:var(--orange-yellow-crayola);color:var(--white-1)}.filter-select.active .select-icon{color:var(--orange-yellow-crayola);transform:rotate(.5turn)}.select-list{-webkit-backdrop-filter:blur(24px);z-index:2;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(135deg,#1c1c22e0 0%,#121216f2 100%);border:1px solid #ffffff14;border-radius:14px;width:100%;padding:8px;transition:all .2s ease-in-out;position:absolute;top:calc(100% + 8px);box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff14}.filter-select.active+.select-list{opacity:1;visibility:visible;pointer-events:all}.select-item{margin-bottom:4px}.select-item:last-child{margin-bottom:0}.select-item button{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-400);text-transform:capitalize;width:100%;transition:border-color var(--transition-1), color var(--transition-1), background var(--transition-1);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 14px}.select-item button:hover{color:var(--white-1);background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border-color:#ffffff29}.select-item button.active{border-color:var(--orange-yellow-crayola);color:var(--orange-yellow-crayola);background:linear-gradient(135deg,#ffdb7014 0%,#ffdb7005 100%)}.project-list{grid-template-columns:1fr;gap:22px;margin-bottom:24px;transition:opacity .3s;display:grid}.project-list.fade-out{opacity:0}.project-item{transition:border-color var(--transition-1);background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:14px;padding:14px 16px;display:none;position:relative;box-shadow:0 4px 18px #0000002e}.project-item.active{flex-direction:column;animation:.25s forwards scaleUp;display:flex}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.project-card-link{flex-direction:column;width:100%;height:100%;text-decoration:none;display:flex}.project-img{border-radius:10px;width:100%;height:180px;margin-bottom:14px;position:relative;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,0,0,1)}.project-item:hover .project-img img{transform:scale(1.08)}.project-item:hover{border-color:#ffffff38}.project-content{flex-direction:column;flex-grow:1;padding:2px;display:flex}.project-title{color:var(--white-1);font-size:16.5px;font-weight:var(--fw-600);transition:color var(--transition-1);margin-bottom:6px;line-height:1.3}.project-item:hover .project-title{color:var(--orange-yellow-crayola)}.project-description{color:var(--light-gray);font-size:13px;font-weight:var(--fw-300);margin-bottom:12px;line-height:1.5}.project-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding:0;list-style:none;display:flex}.project-tag-pill{color:var(--orange-yellow-crayola);font-size:11px;font-weight:var(--fw-500);letter-spacing:.2px;transition:all var(--transition-1);background:#ffdb7014;border:1px solid #ffdb702e;border-radius:9999px;align-items:center;padding:3px 10px;line-height:1.35;display:inline-flex}.project-item:hover .project-tag-pill{background:#ffdb7024;border-color:#ffdb7052}.latest-projects-section{margin-bottom:28px}.latest-projects-btn-wrapper{justify-content:center;align-items:center;margin-top:26px;display:flex}.latest-projects-btn-wrapper .btn-shiny{cursor:pointer;border-radius:14px}.latest-projects-btn-wrapper .shiny-text{min-height:44px;font-size:var(--fs-6);font-weight:var(--fw-500);padding:10px 26px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.page-btn{background:var(--onyx);color:var(--light-gray);border:1px solid var(--jet);font-size:var(--fs-7);transition:var(--transition-1);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:45px;height:38px;padding:8px 14px;font-weight:500;display:inline-flex}.page-btn:hover{color:var(--orange-yellow-crayola)}.page-btn.active{background:var(--orange-yellow-crayola);color:var(--smoky-black);border-color:var(--orange-yellow-crayola)}.page-btn.disabled{opacity:.5;cursor:not-allowed}@media (width>=450px){.project-img{height:185px}}@media (width>=580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px}.sidebar,article{width:520px;margin-inline:auto;padding:30px}.article-title{font-weight:var(--fw-600);padding-bottom:15px}.article-title:after{width:40px;height:5px}.icon-box{border-radius:12px;width:48px;height:48px;font-size:18px}main{margin-top:25px;margin-bottom:80px}.sidebar{margin-bottom:30px}.sidebar-info{gap:25px}.avatar-box{border-radius:30px}.avatar-box img{width:120px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info_more-btn{border-radius:0 24px 0 15px;padding:10px 18px;top:-30px;right:-30px}.info_more-btn span{font-size:var(--fs-8);display:block}.info_more-btn ion-icon{display:none}.separator{margin:32px 0}.contacts-list{gap:20px}.contact-info{width:calc(100% - 64px);max-width:calc(100% - 64px)}.navbar{border-radius:20px 20px 0 0}.navbar-list{gap:20px}.navbar-link{--fs-8:14px}#theme-toggle svg{width:20px;height:20px}.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}.timeline{margin-bottom:28px}.timeline .title-wrapper{gap:14px;margin-bottom:20px}.timeline-list{gap:16px}.timeline-item{border-radius:16px;padding:18px 22px}.timeline-cert-item{padding:0}.timeline-cert-link,.timeline-cert-content{padding:18px 22px}.timeline-date{margin-bottom:4px;font-size:13px}.timeline-item-title{margin-bottom:6px;font-size:18px}.timeline-item-p{font-size:14px}.timeline-cert-issuer .timeline-item-icon{width:19px;height:19px}.timeline-text{margin-top:12px;padding-top:10px;font-size:13.5px;line-height:1.55}.timeline-text li{margin-bottom:5px}.skills-grid{grid-template-columns:1fr 1fr;gap:16px}.skill-card{border-radius:16px;padding:18px 22px}.project-item{border-radius:16px;padding:16px 18px}.project-img{border-radius:12px}}@media (width>=768px){.sidebar,article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}.contacts-list{grid-template-columns:1fr 1fr;gap:30px 15px}.navbar-link{--fs-8:15px}.timeline{margin-bottom:32px}.timeline-list{gap:18px}.timeline-item{border-radius:18px;padding:22px 26px}.timeline-cert-item{padding:0}.timeline-cert-link,.timeline-cert-content{padding:22px 26px}.timeline-date{font-size:13.5px}.timeline-item-title{margin-bottom:8px;font-size:clamp(19px,2.2vw,22px)}.timeline-item-p{font-size:14.5px;line-height:1.6}.timeline-cert-issuer .timeline-item-icon{width:20px;height:20px}.timeline-text{margin-top:14px;padding-top:12px;font-size:14px;line-height:1.6}.timeline-text li{margin-bottom:6px}.skills-section{margin-bottom:32px}.skills-grid{gap:18px}.skill-card{border-radius:18px;padding:22px 26px}.skill-card-title{margin-bottom:14px;font-size:16.5px}.skill-tag-pill{padding:6px 14px;font-size:13px}.article-title{padding-bottom:20px}.filter-select-box{display:none}.filter-list{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:28px;padding-left:0;display:flex}.filter-item button{color:var(--light-gray);font-size:13.5px;font-weight:var(--fw-500);transition:border-color var(--transition-1), color var(--transition-1), background var(--transition-1);cursor:pointer;background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:12px;padding:8px 18px;position:relative;box-shadow:0 4px 18px #0000002e}.filter-item button:hover{color:var(--white-1);border-color:#ffffff38}.filter-item button.active{border-color:var(--orange-yellow-crayola);color:var(--orange-yellow-crayola);background:linear-gradient(135deg,#ffdb7014 0%,#ffdb7005 100%)}.project-item{border-radius:18px;padding:18px 20px}.project-list{grid-template-columns:1fr 1fr}}@media (width>=1024px){:root{--shadow-1:-4px 8px 24px #00000020;--shadow-2:0 16px 30px #00000020;--shadow-3:0 16px 40px #00000020}.sidebar,article{width:950px;box-shadow:0 24px 70px #0006,inset 0 1px #ffffff1f}main{margin-bottom:60px}.main-content{width:max-content;margin:auto;position:relative}.navbar{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1c1c22c7 0%,#121216e6 100%);border:1px solid #ffffff17;border-radius:0 24px;align-items:center;gap:15px;width:max-content;padding:0 25px;display:flex;position:absolute;inset:0 0 auto auto;box-shadow:0 16px 40px #00000040,inset 0 1px #ffffff1f}.navbar-list{gap:30px;padding:0}.navbar-theme-wrapper{position:static;transform:none}.navbar-link{font-weight:var(--fw-500)}#theme-toggle svg{width:24px;height:24px}.project-list{grid-template-columns:repeat(3,1fr)}article.home,article.about{padding-top:clamp(38px,4.5vh,52px);padding-bottom:clamp(35px,4.5vh,50px)}.hero-section{padding-top:clamp(8px,1.2vh,18px)}}@media (width>=1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:var(--smoky-black)}body::-webkit-scrollbar-thumb{border:5px solid var(--smoky-black);background:#ffffff1a;border-radius:20px;box-shadow:inset 1px 1px #ffffff1c,inset -1px -1px #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}.sidebar,article{width:auto;min-width:290px}article{min-height:100%}main{margin-top:25px;margin-bottom:60px;justify-content:center;align-items:stretch;gap:25px;max-width:1200px;margin-inline:auto;display:flex}.main-content{width:75%;min-width:75%;margin:0}.sidebar{z-index:1;height:100%;max-height:max-content;margin-bottom:0;padding-top:42px;position:sticky;top:25px}.sidebar-info{flex-direction:column}.avatar-box img{width:150px}.info-content .name{white-space:nowrap;text-align:center;letter-spacing:-.2px;font-size:clamp(16px,1.25vw,19.5px)}.info-content .title{margin:auto}.info_more-btn{display:none}.sidebar-info_more{opacity:1;visibility:visible;grid-template-rows:none;display:block}.sidebar-info_more-inner{overflow:visible}.contacts-list{grid-template-columns:1fr}.contact-info .contact-link{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.contact-info :is(.contact-link,address){--fs-7:14px;font-weight:var(--fw-300)}.separator:last-of-type{opacity:0;margin:15px 0}.social-list{justify-content:center}.timeline-text{max-width:700px}article.home,article.about{padding-top:clamp(72px,9.5vh,105px);padding-bottom:clamp(55px,7vh,85px)}.hero-section{padding-top:clamp(32px,4.5vh,55px)}}@media (width<=768px){article.home,article.about{border-radius:22px;padding:clamp(28px,5vw,40px) clamp(18px,4vw,28px)}.hero-section{padding-top:6px}.hero-title{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(2.75rem,8.8vw,3.9rem);line-height:1.1}.hero-text{margin-bottom:24px;font-size:15px;line-height:1.7}.hero-actions{gap:12px;margin-bottom:0}}@media (width<=540px){article.home,article.about{border-radius:20px;padding:26px 18px}.hero-title{letter-spacing:-.03em;font-size:clamp(2.4rem,10vw,3.15rem);line-height:1.12}.hero-text{font-size:14.5px;line-height:1.68}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .btn{width:100%}.hero-location{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.orb-a,.orb-b,.orb-c,.status-dot{animation:none!important}.hero-card,.btn,.hero-link,.hero-card-arrow,.hero-image-wrap img{transition:none!important;transform:none!important}}