html{scroll-behavior:smooth}body{background-color:#f5f5f5;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}.fnav_wrap{z-index:1000;pointer-events:none;justify-content:center;padding:0 20px;display:flex;position:fixed;top:20px;left:0;right:0}.fnav{pointer-events:all;-webkit-backdrop-filter:blur(40px)saturate(2)brightness(1.08);background:#ffffff2e;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:4px;width:100%;max-width:880px;padding:10px 10px 10px 28px;transition:border-radius .3s,padding .3s;display:flex;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff9,inset 0 -1px #0000000f}.fnav_brand{color:#1a2330;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;margin-right:auto;font-size:.92rem;font-weight:700;text-decoration:none}.fnav_row{display:contents}.fnav_links{align-items:center;gap:2px;display:flex}.fnav_link{color:#1e2c3a;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s}.fnav_link:hover{color:#0d1720;background:#00000012}.fnav_lang{color:#1e2c3a;letter-spacing:.06em;cursor:pointer;background:#3b4b591f;border:1px solid #3b4b5940;border-radius:999px;flex-shrink:0;margin-left:8px;padding:6px 18px;font-size:.8rem;font-weight:700;transition:background .2s,border-color .2s}.fnav_lang:hover{background:#3b4b5938;border-color:#3b4b5973}.fnav_toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;margin-left:4px;padding:8px 10px;display:none}.fnav_toggle span{background:#1e2c3ad9;border-radius:2px;width:20px;height:2px;transition:transform .25s,opacity .2s;display:block}.fnav_toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.fnav_toggle.open span:nth-child(2){opacity:0}.fnav_toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.fnav_wrap{top:12px}.fnav{border-radius:20px;flex-wrap:wrap;gap:0;padding:10px 10px 10px 20px}.fnav:not(.fnav_open){border-radius:999px}.fnav_row{display:contents}.fnav_toggle{display:flex}.fnav_links{border-top:1px solid #ffffff14;flex-direction:column;align-items:stretch;gap:2px;width:100%;margin-top:6px;padding:10px 0 4px;display:none}.fnav_open .fnav_links{display:flex}.fnav_link{border-radius:12px;padding:10px 14px;font-size:.95rem}.fnav_lang{text-align:center;border-radius:12px;margin:6px 0 0;padding:10px}}.layout_container{flex-direction:column;flex:1;display:flex}.hero{color:#fff;justify-content:space-around;align-items:center;gap:60px;min-height:100vh;padding:100px;display:flex}.split_layout{box-sizing:border-box;background-color:#f5f5f5;justify-content:space-between;align-items:center;gap:40px;min-height:100vh;padding:150px;display:flex}.hero_welcome{color:#000;flex-direction:column;flex:1;align-items:flex-start;max-width:400px;margin-left:0;display:flex}.hero_welcome h1{margin-bottom:20px;font-size:3rem}.contact_btn{color:#fff;background-color:#3b4b59;border-radius:50px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-block}.hero_mid{flex:1;justify-content:center;align-items:center;display:flex}.hero_right{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;max-width:400px;padding:0;display:flex}.hero_right .role{color:#000;width:500px;margin-bottom:0;font-size:3rem;font-weight:500}.selfie{box-sizing:border-box;background-color:#fff;border-radius:51% 0% 67%/52% 40% 60% 79%;flex-shrink:0;width:300px;padding:10px;overflow:hidden}.selfie img{object-fit:cover;width:100%;height:auto;display:block}.highlight{color:#a3b1ed}.highlight_row{align-items:center;gap:14px;display:inline-flex}.inline_social{align-items:center;gap:10px;display:inline-flex}.inline_social img{vertical-align:middle;width:32px;height:32px;transition:transform .3s}.inline_social img:hover{transform:scale(1.2)}.about_section{background:#f5f5f5;padding:100px 0;position:relative}.about_heading{color:#3b4b59;text-align:center;margin-bottom:64px;font-size:2.5rem}.timeline{max-width:960px;margin:0 auto;padding:0 24px;position:relative}.timeline_track{background:#3b4b591f;width:2px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.timeline_progress{transform-origin:top;background:linear-gradient(#3b4b59,#a3b1ed99);position:absolute;inset:0;box-shadow:0 0 8px #3b4b5940}.timeline_item{align-items:flex-start;margin-bottom:60px;display:flex}.tl_side{flex:1;min-width:0}.tl_left{text-align:right;padding-right:40px}.tl_right{text-align:left;padding-left:40px}.tl_center{flex-shrink:0;justify-content:center;padding-top:16px;display:flex}.tl_dot{background:#3b4b59;border:2px solid #f5f5f5;border-radius:50%;width:13px;height:13px;box-shadow:0 0 10px #3b4b5959}.tl_card{background:#e8e8e8;border:1px solid #00000014;border-radius:16px;max-width:100%;padding:16px 20px;display:inline-block}.job_title{color:#1a1a1a;margin:0 0 5px;font-size:.95rem;font-weight:600}.job_location{color:#555e6e;margin:0;font-size:.78rem}.job_bullets{margin:12px 0 0;padding:0;list-style:none}.job_bullets li{color:#555e6e;text-align:left;margin-bottom:8px;padding-left:14px;font-size:.82rem;line-height:1.7;position:relative}.job_bullets li:before{content:"–";color:#3b4b59;position:absolute;left:0}.techstack_section{background:#f5f5f5;padding:90px 0 80px;overflow:hidden}.techstack_heading{color:#3b4b59;text-align:center;margin-bottom:8px;font-size:2.5rem}.techstack_sub{text-align:center;color:#7a8a99;letter-spacing:.04em;margin:0 0 52px;font-size:1rem}.marquee_rows{flex-direction:column;gap:24px;display:flex}.marquee_viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee_track{will-change:transform;gap:20px;width:max-content;padding:8px 0;animation:40s linear infinite marquee_left;display:flex}.marquee_track.marquee_reverse{animation:48s linear infinite marquee_right}@keyframes marquee_left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee_right{0%{transform:translate(-50%)}to{transform:translate(0)}}.tech_item{cursor:default;background:#e8e8e8;border:1px solid #00000014;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:88px;padding:20px 14px 16px;transition:background .25s,border-color .25s,transform .22s,box-shadow .25s;display:flex}.tech_item:hover{border-color:#a3b1ed66;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a,0 0 0 1px #a3b1ed1f}.tech_icon{object-fit:contain;width:40px;height:40px;transition:transform .25s}.tech_item:hover .tech_icon{transform:scale(1.1)}.tech_label{color:#5a6a7a;text-align:center;letter-spacing:.02em;white-space:nowrap;font-size:.7rem;font-weight:500;transition:color .25s}.tech_item:hover .tech_label{color:#3b4b59}.projects_section{padding:100px 150px}.projects_section h2{text-align:center;margin-bottom:40px;font-size:2.5rem}.project_grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.project_card{background:#e8e8e8;border:1px solid #00000014;border-radius:24px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.project_card:hover{border-color:#a3b1ed66;transform:translateY(-6px);box-shadow:0 16px 40px #0000004d,0 0 0 1px #a3b1ed1f}.card_image_wrap{flex-shrink:0;width:100%;height:190px;overflow:hidden}.card_image{object-fit:cover;width:100%;height:100%;display:block}.card_body{text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;padding:24px 20px;display:flex}.card_title{color:#1a1a1a;margin:0;font-size:1.1rem;font-weight:600}.card_desc{color:#555e6e;flex:1;margin:0;font-size:.85rem;line-height:1.65}.tech_tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tech_tag{color:#3b4b59;letter-spacing:.02em;background:#3b4b591a;border:1px solid #3b4b5933;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:500}.card_links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.card_btn{border-radius:999px;padding:7px 18px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.card_btn.github{color:#3b4b59;background:#3b4b591a;border:1px solid #3b4b5933}.card_btn.github:hover{color:#fff;background:#3b4b59}.card_btn.live{color:#4a5a9a;background:#a3b1ed33;border:1px solid #a3b1ed66}.card_btn.live:hover{color:#fff;background:#a3b1ed}footer{text-align:center;color:#ccc;margin-top:auto;padding:20px}@media (width<=768px){#top_navbar .navbar-brand{padding-left:10px;font-size:1rem}.hero.split_layout{text-align:center;flex-direction:column;padding:80px 20px}.hero_welcome{align-items:center;width:100%;padding-left:0}.hero_welcome h1{font-size:2.2rem}.hero_right{flex-direction:column;gap:20px;padding:0}.hero_right .role{width:100%;font-size:1.8rem}.hero_mid{order:-1;margin-bottom:20px}.selfie{width:200px}.inline_social{justify-content:center;margin-top:10px}.about_section{padding:60px 0}.about_heading,.projects_section h2{text-align:center;font-size:2rem}.timeline_track{left:20px;transform:none}.timeline_item{flex-direction:column;margin-bottom:40px;padding-left:44px}.tl_side{width:100%;text-align:left!important;padding:0!important}.tl_header_side{order:1}.tl_bullets_side{order:2}.tl_center{padding-top:0;position:absolute;left:20px;transform:translate(-50%)}.timeline_item{position:relative}.projects_section{padding:60px 20px}.project_grid{grid-template-columns:1fr}.techstack_section{padding:70px 0 60px}.techstack_heading{font-size:2rem}.tech_item{min-width:76px;padding:16px 12px 12px}.tech_icon{width:32px;height:32px}.tech_label{font-size:.65rem}}