*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[9000\]{z-index:9000}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.bg-white\/20{background-color:#fff3}.bg-white\/\[0\.13\]{background-color:#ffffff21}.bg-white\/\[0\.18\]{background-color:#ffffff2e}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:#ffffff80}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}html,body{scroll-behavior:smooth;background-color:#5b9bd8}@keyframes geoIn{0%{opacity:0;transform:scale(.72)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}:root{--nav-h:72px;--strip-h:78px;--geo-size:176px}@media (width<=1024px){:root{--nav-h:62px;--strip-h:68px;--geo-size:136px}}@media (width<=640px){:root{--nav-h:52px;--strip-h:56px;--geo-size:100px}}.pill{color:#ffffffe6;white-space:nowrap;cursor:pointer;background:#ffffff24;border:1px solid #ffffff38;border-radius:24px;align-items:center;gap:8px;padding:6px 14px;font-size:clamp(13px,1.1vw,15px);font-weight:600;transition:background .18s,border-color .18s;display:flex}.pill:hover{background:#ffffff38;border-color:#fff6}.pill-ai{background:#52d96a1f;border-color:#52d96a59}.pill-ai:hover{background:#52d96a38;border-color:#52d96a99}@media (width>=640px){.sm\:top-\[var\(--nav-h\)\]{top:var(--nav-h)}.sm\:block{display:block}.sm\:flex{display:flex}}.hero-green{color:#52d96a;font-weight:700}.hero-section{background-color:#5b9bd8}.hero-geo{width:var(--geo-size);height:var(--geo-size);animation:geoIn .32s cubic-bezier(.34, 1.56, .64, 1) var(--geo-delay,0s) both}.hero-geo-tl{--geo-delay:40ms}.hero-geo-tr{--geo-delay:70ms}.hero-geo-bl{--geo-delay:.1s;bottom:var(--strip-h)}.hero-geo-br{--geo-delay:70ms;bottom:var(--strip-h)}.nav-bg{transform-origin:top;background-color:#3a7ab5}.nav-padding{padding:0 clamp(12px,3vw,52px)}.nav-logo{color:#fff;letter-spacing:.5px;font-size:clamp(16px,1.5vw,22px);text-decoration:none;transition:color .2s}.nav-logo:hover{color:#52d96a}.nav-links-gap{gap:clamp(6px,1.6vw,32px)}.nav-link{color:#ffffffb3;font-family:"Exo 2",sans-serif;font-size:clamp(13px,1.1vw,17px);text-decoration:none;transition:color .2s}.nav-link:hover{color:#52d96a}.nav-link-label{white-space:nowrap;display:inline-block;overflow:hidden}.nav-link-icon{display:inline-flex;position:absolute;overflow:hidden}.nav-link-icon.is-scrolled{position:static}.nav-cta{color:#fff;border:2.5px solid #ffffff73;border-radius:24px;padding:clamp(5px,.5vw,7px) clamp(12px,1.4vw,20px);font-family:"Exo 2",sans-serif;font-size:clamp(12px,1vw,16px);text-decoration:none;transition:color .3s,border-color .3s,padding .3s}.nav-cta:hover{color:#52d96a;border-color:#52d96a}.nav-cta-scrolled{padding:6px 10px}.hero-content-area{padding-top:var(--nav-h);padding-bottom:var(--strip-h)}.hero-content-inner{max-width:900px;padding:0 clamp(16px,5vw,40px)}.hero-badge{border-radius:28px;gap:clamp(6px,.7vw,10px);margin-bottom:clamp(12px,1.4vw,20px);padding:clamp(5px,.5vw,7px) clamp(14px,1.6vw,22px)}.hero-badge-dot{background:#52d96a;border-radius:50%;width:clamp(7px,.7vw,10px);height:clamp(7px,.7vw,10px);display:inline-block}.hero-badge-text{letter-spacing:1px;font-family:"Exo 2",sans-serif;font-size:clamp(12px,1.1vw,16px)}.hero-title{letter-spacing:-1px;margin-bottom:clamp(6px,.8vw,10px);font-family:"Exo 2",sans-serif;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;line-height:.96}.hero-title-accent{color:#52d96a}.hero-bar{background:#3a7ab5;border-radius:3px;height:clamp(4px,.4vw,6px);margin:clamp(10px,1vw,14px) auto clamp(14px,1.4vw,20px)}.hero-bio{color:#ffffff9e;max-width:min(620px,90%);margin-bottom:clamp(20px,2.5vw,32px);font-size:clamp(.875rem,1.2vw,1.125rem);line-height:1.68}.hero-btn-group{gap:clamp(10px,1.2vw,16px)}.hero-btn-primary{color:#0d2e10;background:#52d96a;border-radius:36px;padding:clamp(10px,1vw,13px) clamp(22px,2.5vw,34px);font-family:"Exo 2",sans-serif;font-size:clamp(.8rem,1.1vw,1.0625rem);font-weight:700;text-decoration:none;transition:background .2s,color .2s}.hero-btn-primary:hover{color:#52d96a;background:#0d2e10}.hero-btn-secondary{color:#fff;border:5px solid #ffffff6b;border-radius:36px;padding:clamp(9px,.9vw,12px) clamp(20px,2.2vw,32px);font-family:"Exo 2",sans-serif;font-size:clamp(.8rem,1.1vw,1.0625rem);text-decoration:none;transition:background .2s,color .2s}.hero-btn-secondary:hover{color:#5b9bd8;background:#ffffff6b}.scroll-indicator{background:#ffffff6b;border-radius:30px;padding:14px 20px;bottom:96px;right:40px}.scroll-indicator-inner{gap:7px}.scroll-text{letter-spacing:2px;color:#2e6fa3;font-size:11px;font-weight:700}.scroll-chevron{border-bottom:2px solid #2e6fa3;border-right:2px solid #2e6fa3;width:14px;height:14px;transform:rotate(45deg)}.bottom-strip{height:var(--strip-h);padding:0 clamp(16px,4vw,52px)}.strip-divider{background:#fff3;width:1px;height:clamp(28px,3vh,42px);margin:0 clamp(4px,.5vw,6px)}.strip-item{gap:2px;padding:0 clamp(8px,1.2vw,16px)}.strip-label{letter-spacing:2px;font-size:clamp(9px,.7vw,12px)}.strip-value{font-size:clamp(12px,1vw,18px);font-weight:700}.strip-value-green{color:#52d96a}.strip-value-white{color:#fff}.linkedin-link .linkedin-icon{color:#fff;font-size:clamp(18px,1.6vw,26px);transition:color .2s}.linkedin-link:hover .linkedin-icon{color:#0a66c2}.github-link .github-icon{color:#fff;font-size:clamp(18px,1.6vw,26px);transition:color .2s}.github-link:hover .github-icon{color:#6e40c9}.geo{width:var(--geo-size);height:var(--geo-size);pointer-events:none;position:absolute;overflow:hidden}.geo-tl{top:clamp(12px,2vw,24px);left:0}.geo-tl-flush{top:0;left:0}.geo-br{bottom:clamp(12px,2vw,24px);right:0}.geo-br-flush{bottom:0;right:0}.about-section{background-color:#5b9bd8;padding:clamp(36px,6vw,72px) clamp(16px,5vw,48px)}.about-photo{border:3px solid #ffffff73;border-radius:12px;flex-shrink:0;width:clamp(140px,17vw,220px);height:clamp(200px,28vw,320px);position:relative;overflow:hidden}.about-photo-img{-o-object-fit:cover;object-fit:cover;filter:contrast(1.08)brightness(1.04)saturate(1.1);width:100%;height:100%;position:absolute;inset:0}.about-photo-tint{pointer-events:none;background:#5b9bd899;position:absolute;inset:0}.about-card{background:#0000001f;border:1px solid #ffffff38;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(24px,4vw,48px);max-width:960px;padding:clamp(28px,4vw,52px) clamp(24px,4vw,48px)}.about-content{flex:1;min-width:0}.about-label{letter-spacing:3px;color:#52d96a;margin-bottom:6px;font-size:clamp(10px,.9vw,13px)}.about-h2{letter-spacing:-.5px;font-family:"Exo 2",sans-serif;font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:800;line-height:1.1}.about-bar{background:#52d96a;border-radius:2px;height:3px;margin:10px 0 14px}.about-body{color:#ffffffad;margin-bottom:10px;font-size:clamp(.82rem,1.1vw,1rem);line-height:1.75}.about-body:last-child{margin-bottom:0}.about-bold{font-weight:700;text-decoration:underline}.about-skills-wrapper{max-width:960px;margin-top:clamp(32px,4vw,52px)}.about-skills-header{margin-bottom:clamp(16px,2vw,24px)}.about-h3{letter-spacing:-.5px;font-family:"Exo 2",sans-serif;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:600}.about-tech-bar{background:#52d96a;border-radius:2px;height:3px;margin:8px auto 0}.about-skill-group{margin-bottom:clamp(18px,2vw,28px)}.about-skill-group:last-child{margin-bottom:0}.about-skill-label{letter-spacing:2.5px;text-transform:uppercase;color:#ffffff73;margin-bottom:10px;font-size:12px;font-weight:600}.about-pills{flex-wrap:wrap;gap:8px;display:flex}.about-pill-ico{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:600;line-height:1;transition:background .18s;display:flex}.exp-section{background-color:#5b9bd8;padding:clamp(32px,4vw,52px) clamp(16px,5vw,48px)}.exp-header{margin-bottom:clamp(24px,3vw,40px)}.exp-label{letter-spacing:3px;color:#52d96a;margin-bottom:6px;font-size:clamp(10px,.9vw,13px)}.exp-h2{letter-spacing:-.5px;font-family:"Exo 2",sans-serif;font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:800;line-height:1.1}.exp-header-bar{background:#52d96a;border-radius:2px;height:3px;margin:10px auto 0}.exp-card{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;max-width:960px;min-height:clamp(360px,48vh,500px)}.exp-nav{background:#0000001f;border-right:1px solid #ffffff26;flex-direction:column;flex-shrink:0;width:clamp(180px,23vw,260px);padding:clamp(16px,2vw,24px) clamp(12px,1.5vw,20px);display:flex}.exp-nav-inner{flex:1;position:relative}.exp-timeline-line{background:#fff3;width:1px;position:absolute;top:6px;bottom:6px;left:7px}.exp-nav-item{cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:clamp(16px,2.5vw,24px);padding:4px 0;display:flex}.exp-nav-item:last-child{margin-bottom:0}.exp-nav-dot{width:15px;height:15px;box-shadow:none;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;margin-top:3px;transition:all .2s}.exp-nav-dot.is-active{background:#52d96a;border-color:#52d96a;box-shadow:0 0 0 3px #52d96a33}.exp-nav-company{color:#ffffff73;font-size:clamp(13px,1.1vw,15px);font-weight:600;line-height:1.3;transition:color .2s}.exp-nav-company.is-active{color:#fff}.exp-nav-role{color:#ffffff4d;margin-top:2px;font-size:clamp(11px,.9vw,13px);line-height:1.3;transition:color .2s}.exp-nav-role.is-active{color:#ffffff80}.exp-edu{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:14px}.exp-edu-label{letter-spacing:2px;text-transform:uppercase;color:#52d96a;margin-bottom:3px;font-size:9px}.exp-edu-school{color:#ffffffb3;font-size:clamp(13px,1.1vw,15px);font-weight:600}.exp-edu-degree{color:#ffffff61;font-size:clamp(11px,.8vw,12px)}.exp-edu-gpa{color:#52d96a;margin-top:2px;font-size:clamp(11px,.9vw,13px)}.exp-panel{flex:1;min-width:0;padding:clamp(20px,3vw,36px)}.exp-content-company{letter-spacing:1px;text-transform:uppercase;color:#52d96a;margin-bottom:4px;font-size:clamp(10px,.9vw,12px);font-weight:600}.exp-content-role{font-family:"Exo 2",sans-serif;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:800;line-height:1.15}.exp-content-date{color:#ffffff61;letter-spacing:.5px;margin:clamp(4px,.5vw,8px) 0 clamp(12px,1.5vw,20px);font-size:clamp(10px,.85vw,12px)}.exp-bullet{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.exp-bullet-arrow{color:#52d96a;flex-shrink:0;margin-top:4px;font-size:10px}.exp-bullet-text{color:#ffffffb8;font-size:clamp(.8rem,1.1vw,.95rem);line-height:1.68}.exp-tags-label{letter-spacing:2px;text-transform:uppercase;color:#ffffff73;margin-top:clamp(10px,1.5vw,18px);margin-bottom:6px;font-size:clamp(10px,.8vw,11px);font-weight:600}.exp-tags{flex-wrap:wrap;gap:6px;display:flex}.exp-pill-sm{padding:3px 10px;font-size:clamp(10px,.8vw,11px);transition:background .18s,border-color .18s,color .18s}.exp-pill-ico{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:7px;font-weight:700;line-height:1;transition:background .18s;display:flex}.proj-section{background-color:#5b9bd8;padding:clamp(32px,4vw,52px) clamp(16px,5vw,48px)}.proj-header{max-width:960px;margin-bottom:clamp(24px,3vw,36px)}.proj-label{letter-spacing:3px;color:#52d96a;margin-bottom:6px;font-size:clamp(10px,.9vw,13px)}.proj-h2{letter-spacing:-.5px;font-family:"Exo 2",sans-serif;font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:800;line-height:1.1}.proj-header-bar{background:#52d96a;border-radius:2px;height:3px;margin:10px auto 0}.proj-github-link{color:#ffffffbf;background:#ffffff14;border:1.5px solid #ffffff38;border-radius:20px;align-items:center;gap:7px;margin-top:16px;padding:7px 16px;font-size:clamp(12px,1vw,13px);font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.proj-github-link:hover{color:#fff;background:#6e40c933;border-color:#6e40c98c}.proj-github-icon{flex-shrink:0;width:15px;height:15px}.proj-carousel-wrapper{max-width:960px}.proj-carousel-track{scrollbar-width:none;scroll-snap-type:x mandatory;gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.proj-carousel-nav{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.proj-nav-btn{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:all .18s;display:flex}.proj-nav-btn:hover{background:#ffffff47;border-color:#ffffff80}.proj-dots{align-items:center;gap:6px;display:flex}.proj-card{scroll-snap-align:start;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;flex-direction:column;flex-shrink:0;width:clamp(240px,28vw,300px);min-height:clamp(280px,32vw,360px);transition:transform .18s,background .18s;display:flex;overflow:hidden}.proj-card:hover{background:#fff3;transform:translateY(-3px)}.proj-card-thumb{background:linear-gradient(135deg,#0f1f3db3,#3a7ab580);border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;height:clamp(120px,14vw,160px);display:flex}.proj-card-emoji{font-size:clamp(40px,5vw,56px);line-height:1}.proj-card-body{flex-direction:column;flex:1;padding:clamp(14px,1.8vw,20px);display:flex}.proj-card-title{color:#fff;margin-bottom:4px;font-size:clamp(12px,1.1vw,14px);font-weight:700}.proj-card-desc{color:#ffffff94;flex:1;margin-bottom:10px;font-size:clamp(11px,1vw,13px);line-height:1.6}.proj-card-footer{justify-content:space-between;align-items:center;display:flex}.proj-card-tags{flex-wrap:wrap;gap:4px;display:flex}.proj-card-pill{padding:3px 10px;font-size:clamp(10px,.8vw,11px)}.proj-card-pill-ico{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:7px;font-weight:700;line-height:1;display:flex}.proj-card-view{color:#52d96a;white-space:nowrap;margin-left:8px;font-size:11px;font-weight:600}.proj-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081226e0;padding:20px 16px}.proj-modal-box{background:#0f2040;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:640px;margin:auto;position:relative;overflow:hidden}.proj-seek-btn{z-index:51;color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f2040b3;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;line-height:1;transition:background .18s,border-color .18s,color .18s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.proj-seek-btn:hover{color:#fff;background:#3a7ab5d9;border-color:#ffffff80}.proj-seek-prev{left:calc(50% - 376px)}.proj-seek-next{right:calc(50% - 376px)}@media (width<=780px){.proj-seek-btn{width:40px;height:40px;font-size:22px;top:auto;bottom:20px;transform:none}.proj-seek-prev{left:calc(50% - 52px)}.proj-seek-next{right:calc(50% - 52px)}}.proj-modal-close{z-index:10;color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .18s;display:flex;position:absolute;top:16px;right:16px}.proj-modal-close:hover{color:#fff;background:#fff3}.proj-modal-img-area{background:#0a1628;border-bottom:1px solid #ffffff1a;width:100%;height:320px;position:relative;overflow:hidden}.proj-modal-img-strip{height:100%;transition:transform .3s;display:flex}.proj-modal-slide{-o-object-fit:contain;object-fit:contain;cursor:zoom-in;flex-shrink:0;width:100%;height:100%;display:block}.proj-modal-nav-btn{color:#fff;cursor:pointer;background:#0006;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.proj-modal-nav-btn.prev{left:10px}.proj-modal-nav-btn.next{right:10px}.proj-modal-counter{color:#fff6;background:#00000059;border-radius:10px;padding:2px 8px;font-size:10px;position:absolute;bottom:10px;right:12px}.proj-modal-dots{gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.proj-modal-dot{cursor:pointer;border-radius:50%;width:5px;height:5px;transition:background .2s}.proj-modal-body{padding:clamp(20px,3vw,28px)}.proj-modal-title{color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-family:"Exo 2",sans-serif;font-size:clamp(18px,2.5vw,22px);font-weight:800}.proj-modal-title-link{color:#fff;align-items:center;gap:7px;text-decoration:none;transition:color .18s;display:inline-flex}.proj-modal-title-link:hover{color:#52d96a}.proj-modal-title-icon{opacity:.7;flex-shrink:0;width:clamp(14px,1.4vw,17px);height:clamp(14px,1.4vw,17px);transition:opacity .18s}.proj-modal-title-link:hover .proj-modal-title-icon{opacity:1}.proj-modal-sub{color:#ffffff59;letter-spacing:.5px;margin-bottom:20px;font-size:11px}.proj-modal-section-label{letter-spacing:2.5px;text-transform:uppercase;color:#ffffff59;border-bottom:1px solid #ffffff14;margin-bottom:10px;padding-bottom:6px;font-size:9px;font-weight:600}.proj-modal-overview{color:#ffffffad;margin-bottom:16px;font-size:clamp(12px,1.1vw,13px);line-height:1.75}.proj-modal-bullets{margin-bottom:22px}.proj-modal-bullet{align-items:flex-start;gap:10px;margin-bottom:9px;display:flex}.proj-modal-bullet-dot{background:#52d96a;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.proj-modal-bullet-text{color:#ffffffad;font-size:clamp(11px,1vw,12px);line-height:1.65}.proj-modal-stack{flex-wrap:wrap;gap:7px;display:flex}.proj-modal-stack-item{color:#ffffffbf;background:#ffffff12;border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:flex}.proj-modal-stack-ico{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex}.proj-lightbox{background:#000000eb}.proj-lightbox-inner{align-items:center;gap:12px;display:flex}.proj-lightbox-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.proj-lightbox-small-btns{gap:16px;margin-top:20px;display:flex}.proj-lightbox-hint{color:#ffffff59;letter-spacing:1px;pointer-events:none;white-space:nowrap;margin-top:16px;font-size:11px}.con-section{background-color:#5b9bd8;padding:clamp(32px,4vw,52px) clamp(16px,5vw,48px)}.con-header{margin-bottom:clamp(24px,3vw,40px)}.con-label{letter-spacing:3px;color:#52d96a;margin-bottom:6px;font-size:clamp(10px,.9vw,13px)}.con-h2{letter-spacing:-.5px;font-family:"Exo 2",sans-serif;font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:800;line-height:1.1}.con-header-bar{background:#52d96a;border-radius:2px;height:3px;margin:10px auto 0}.con-tagline{color:#ffffff9e;max-width:460px;margin-bottom:clamp(20px,3vw,32px);font-size:clamp(13px,1.2vw,16px);line-height:1.7}.con-cards{gap:clamp(10px,1.5vw,14px)}.con-card{cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:clamp(160px,22vw,220px);padding:clamp(22px,3.5vw,34px) clamp(24px,3.8vw,38px);transition:background .18s,border-color .18s;display:flex}.con-card-emoji{justify-content:center;align-items:center;width:clamp(30px,3.5vw,40px);height:clamp(30px,3.5vw,40px);font-size:clamp(30px,3.5vw,40px);display:flex}.con-card-label{letter-spacing:1px;text-transform:uppercase;color:#ffffff80;font-size:clamp(10px,.85vw,13px);font-weight:600}.con-card-value{text-align:center;font-size:clamp(12px,1.1vw,15px);font-weight:600;transition:color .18s}.con-card-action{margin-top:2px;font-size:clamp(11px,.9vw,13px);font-weight:600;transition:color .18s}.con-footer{color:#ffffff4d;text-align:center;margin-top:clamp(20px,3vw,28px);font-size:clamp(11px,.9vw,13px)}.con-footer-name{color:#52d96a}.con-footer-link{align-items:center;gap:4px;text-decoration:none;transition:color .18s;display:inline-flex}.con-footer-link:hover{color:#fff}.con-footer-outlink{opacity:.7;flex-shrink:0;width:11px;height:11px}.con-copyright{color:#fff3;text-align:center;margin-top:8px;font-size:clamp(10px,.8vw,12px)}.con-toast{color:#fff;white-space:nowrap;background:#0f2040;border:1px solid #52d96a66;border-radius:12px;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;bottom:28px;box-shadow:0 4px 24px #0000004d}.con-toast-dot{background:#52d96a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.con-overlay-dark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08122699}.con-overlay-darker{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081226bf}.con-popup-box{background:#0f2040;border:1px solid #ffffff1f;border-radius:16px;width:90%;padding:clamp(20px,3vw,28px)}.con-popup-header{justify-content:space-between;align-items:flex-start;display:flex}.con-popup-header-mb{margin-bottom:16px}.con-popup-header-mb-lg{margin-bottom:18px}.con-popup-title{color:#fff;margin-bottom:3px;font-size:16px;font-weight:700}.con-popup-subtitle{color:#fff6;font-size:12px}.con-popup-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1;transition:color .18s}.con-popup-close:hover{color:#fff}.con-email-box{max-width:340px}.con-email-display{color:#fff;letter-spacing:.3px;text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:600}.con-popup-actions{flex-direction:column;gap:8px;display:flex}.con-btn-copy{cursor:pointer;color:#52d96a;background:#52d96a26;border:1.5px solid #52d96a66;border-radius:22px;width:100%;padding:11px 0;font-size:13px;font-weight:600;transition:background .18s}.con-btn-copy:hover{background:#52d96a47}.con-btn-mailto{cursor:pointer;color:#ffffffbf;background:#ffffff12;border:1.5px solid #ffffff2e;border-radius:22px;width:100%;padding:11px 0;font-size:13px;font-weight:600;transition:all .18s}.con-btn-mailto:hover{color:#fff;background:#ffffff26}.con-resume-box{width:92vw;max-width:min(860px,92vw)}.con-resume-preview{background:#1a3258;border:1px solid #ffffff1a;border-radius:10px;width:100%;height:min(75vh,900px);margin-bottom:18px;position:relative;overflow:hidden}.con-resume-spin{z-index:1;border:3px solid #ffffff26;border-top-color:#ffffffb3;border-radius:50%;width:36px;height:36px;margin:auto;animation:.75s linear infinite resume-spin;position:absolute;inset:0}@keyframes resume-spin{to{transform:rotate(360deg)}}.con-resume-iframe{border:none;width:100%;height:100%;display:block}.con-resume-btns{gap:10px;display:flex}.con-btn-disabled{cursor:pointer;border-radius:22px;flex:1;padding:11px 0;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.con-btn-disabled-dl{color:#fffc;background:#ffffff12;border:1.5px solid #ffffff40}.con-btn-disabled-dl:hover{color:#fff;background:#ffffff26}.con-btn-disabled-view{color:#52d96a;background:#52d96a1f;border:1.5px solid #52d96a80}.con-btn-disabled-view:hover{background:#52d96a40}