:root{--bg:#0C0C0D;--surface:#131315;--surface-alt:#1A1A1C;--border:rgba(255,255,255,0.13);--border-active:rgba(255,255,255,0.25);--text-primary:rgba(255,255,255,0.92);--text-secondary:rgba(255,255,255,0.45);--text-muted:rgba(255,255,255,0.22);--bento-line:rgba(255,255,255,0.18);--grid-line:rgba(255,255,255,0.08);--accent:#EF7C3A;--accent-dim:rgba(239,124,58,0.10);--accent-glow:rgba(239,124,58,0.20);--header-bg:rgba(12,12,13,0.95);--header-border:rgba(255,255,255,0.12);--header-text:rgba(255,255,255,0.9);--primary:#2d3142;--secondary:#4f5d75;--dark:#0C0C0D;--text-main:var(--text-primary);--text-sub:var(--text-secondary);--surface-hover:rgba(255,255,255,0.025);--border-strong:var(--border-active);--item-bg:rgba(255,255,255,0.04);--item-border:rgba(255,255,255,0.08);--item-icon:rgba(255,255,255,0.55);--strip-text:rgba(255,255,255,0.45);--strip-bg:rgba(255,255,255,0.02);--strip-border:rgba(255,255,255,0.08);--font-display:"Space Grotesk",sans-serif;--font-interface:"Inter",sans-serif;--font-mono:"Space Mono",monospace;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-pill:50px;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 20px rgba(0,0,0,0.5);--shadow-lg:0 8px 40px rgba(0,0,0,0.6);--transition:all 0.3s ease;--background:0 0% 5%;--foreground:0 0% 92%;--card:0 0% 7%;--card-foreground:0 0% 92%;--popover:0 0% 7%;--popover-foreground:0 0% 92%;--muted:0 0% 10%;--muted-foreground:0 0% 45%;--input:0 0% 12%;--ring:24 85% 58%;--radius:0.375rem}body.light-mode{--bg:#F4F4F2;--surface:#FAFAFA;--surface-alt:#F0F0EE;--border:rgba(0,0,0,0.07);--border-active:rgba(0,0,0,0.15);--text-primary:#0F0F10;--text-secondary:rgba(15,15,16,0.45);--text-muted:rgba(15,15,16,0.25);--accent:#EF7C3A;--accent-dim:rgba(239,124,58,0.08);--accent-glow:rgba(239,124,58,0.15);--header-bg:rgba(244,244,242,0.93);--header-border:rgba(0,0,0,0.06);--header-text:#0F0F10;--dark:#0C0C0D;--text-main:var(--text-primary);--text-sub:var(--text-secondary);--bento-line:rgba(15,15,16,0.72);--grid-line:rgba(0,0,0,0.09);--strip-text:rgba(0,0,0,0.7);--strip-bg:rgba(0,0,0,0.02);--strip-border:rgba(0,0,0,0.25);--item-bg:rgba(0,0,0,0.03);--item-border:rgba(0,0,0,0.07);--item-icon:rgba(0,0,0,0.5);--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 4px 20px rgba(0,0,0,0.09);--shadow-lg:0 8px 40px rgba(0,0,0,0.12)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-interface);background-color:var(--bg);overflow-x:hidden;line-height:1.6}body,h1,h2,h3,h4{color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-display)}.container{max-width:1280px;margin:0 auto;padding:0 24px}section{padding:90px 0}.section-title{text-align:center;margin-bottom:60px}@media (max-width:768px){.container{padding:0 18px}section{padding:64px 0}.section-title{margin-bottom:40px}.section-title h2{font-size:1.9rem}}@media (max-width:480px){.container{padding:0 16px}section{padding:52px 0}.section-title{margin-bottom:32px}.section-title h2{font-size:1.7rem}}.section-title h2{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:0}.section-title h2:after{display:none}.section-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:4px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}.section-label:before{content:"";display:inline-block;width:20px;height:1px;background:var(--accent);flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:.5rem;background:#F7F6F2;color:#0F0F10;border:1px solid #0f0f10;border-radius:2px;padding:.75rem 1.75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .2s ease,box-shadow .2s ease;position:relative;overflow:visible}.btn:after,.btn:before{content:"";position:absolute;width:7px;height:7px;border-color:var(--accent);border-style:solid;pointer-events:none}.btn:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.btn:after{top:calc(100% - 6px);left:calc(100% - 6px);border-width:0 1.5px 1.5px 0}.btn:hover{opacity:.85;box-shadow:0 0 20px var(--accent-glow);color:#0F0F10}.btn:hover:before{animation:corner-sweep-before .4s linear forwards}.btn:hover:after{animation:corner-sweep-after .4s linear forwards}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:#F7F6F2;color:#0F0F10;border:1px solid #0f0f10;border-radius:2px;padding:.75rem 1.75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .2s ease,box-shadow .2s ease;position:relative;overflow:visible}.btn-outline:after,.btn-outline:before{content:"";position:absolute;width:7px;height:7px;border-color:var(--accent);border-style:solid;pointer-events:none}.btn-outline:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.btn-outline:after{top:calc(100% - 6px);left:calc(100% - 6px);border-width:0 1.5px 1.5px 0}.btn-outline:hover{opacity:.85;box-shadow:0 0 20px var(--accent-glow)}.btn-outline:hover:before{animation:corner-sweep-before .4s linear forwards}.btn-outline:hover:after{animation:corner-sweep-after .4s linear forwards}.contact-btn-modern{padding:.75rem 1.75rem;border-radius:var(--radius-sm);cursor:pointer;border:none;background:var(--accent);letter-spacing:2px;text-transform:uppercase;font-family:var(--font-mono);font-size:.75rem;transition:opacity .2s ease,box-shadow .2s ease;text-decoration:none;color:#0C0C0D;display:inline-block;font-weight:700}.contact-btn-modern:hover{opacity:.88;box-shadow:0 0 20px var(--accent-glow)}.card-with-markers{position:relative}.card-with-markers:after,.card-with-markers:before{content:"";position:absolute;width:10px;height:10px;border-color:var(--accent);border-style:solid;opacity:0;transition:opacity .2s ease;pointer-events:none}.card-with-markers:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.card-with-markers:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.card-with-markers:hover:after,.card-with-markers:hover:before{opacity:1}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate.fade-in{animation:fadeInUp .8s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.fade-out{animation:fadeOut .5s forwards}.cursor{width:2px;background-color:var(--accent);margin-left:2px}@keyframes floatingLights{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-30px) translateX(20px)}50%{transform:translateY(0) translateX(40px)}75%{transform:translateY(30px) translateX(20px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}@keyframes wave{0%,to{width:120px;opacity:.6}50%{width:180px;opacity:.8}}@keyframes copyFeedback{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInFromBottom .6s ease-out forwards}.animate-slide-in-top{animation:slideInFromTop .6s ease-out forwards}@keyframes corner-sweep-before{0%{left:-1px;top:-1px;border-width:1.5px 0 0 1.5px}96%{left:calc(100% - 6px);top:-1px;border-width:1.5px 0 0 1.5px;animation-timing-function:step-end}to{left:calc(100% - 6px);top:-1px;border-width:1.5px 1.5px 0 0}}@keyframes corner-sweep-after{0%{left:calc(100% - 6px);top:calc(100% - 6px);border-width:0 1.5px 1.5px 0}96%{left:-1px;top:calc(100% - 6px);border-width:0 1.5px 1.5px 0;animation-timing-function:step-end}to{left:-1px;top:calc(100% - 6px);border-width:0 0 1.5px 1.5px}}header{background:rgba(12,12,13,.38);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid var(--header-border,rgba(255,255,255,.06));padding:18px 0;position:fixed;width:100%;top:0;z-index:1000;transition:background .3s ease,border-color .3s ease}body.light-mode header{background:rgba(244,244,242,.62)}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.4rem;font-weight:700;letter-spacing:.5px;color:var(--header-text,rgba(255,255,255,.9))}.logo span{color:var(--accent)}.logo a{text-decoration:none;color:var(--header-text,rgba(255,255,255,.9))}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:36px}.nav-links a{font-family:var(--font-interface,"Inter",sans-serif);font-size:.8rem;font-weight:500;letter-spacing:.5px;color:var(--header-text,rgba(255,255,255,.9));text-decoration:none;transition:color .2s ease;position:relative;padding:4px 5px}.nav-links a:after,.nav-links a:before{content:"";position:absolute;width:7px;height:7px;border-color:var(--accent);border-style:solid;opacity:0;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1);pointer-events:none}.nav-links a:before{top:0;left:0;border-width:1.5px 0 0 1.5px;transform:translate(0)}.nav-links a:after{bottom:0;right:0;border-width:0 1.5px 1.5px 0;transform:translate(0)}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:before{opacity:1;transform:translate(-4px,-4px)}.nav-links a:hover:after{opacity:1;transform:translate(4px,4px)}.theme-toggle{background:transparent;border:1px solid var(--border,rgba(255,255,255,.07));color:var(--text-secondary,rgba(255,255,255,.45));width:34px;height:34px;border-radius:var(--radius-sm,4px);cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease;margin-left:24px;flex-shrink:0;line-height:1}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.burger{display:none;cursor:pointer}.burger div{width:25px;height:2px;background-color:var(--header-text,rgba(255,255,255,.9));margin:5px 0;transition:all .3s ease}body.light-mode header{background:var(--header-bg);border-bottom-color:var(--header-border)}body.light-mode .logo,body.light-mode .logo a,body.light-mode .nav-links a{color:var(--header-text)}body.light-mode .burger div{background-color:var(--header-text)}@media (max-width:768px){header{padding:22px 0;height:76px}header .container{display:flex;justify-content:center;position:relative;height:100%;align-items:center}.logo{left:16px;font-size:1.1rem}.burger,.logo{position:absolute}.burger{display:block;z-index:1001;cursor:pointer;right:20px}.theme-toggle{position:absolute;right:64px;margin-left:0}.nav-links{position:fixed;top:0;left:0;height:100vh;width:100%;background:var(--header-bg,rgba(12,12,13,.98));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:circle(0 at 90% 10%);-webkit-clip-path:circle(0 at 90% 10%);transition:all .7s ease-out;pointer-events:none}.nav-links.nav-active{clip-path:circle(1500px at 90% 10%);-webkit-clip-path:circle(1500px at 90% 10%);pointer-events:all}.nav-links li{opacity:0;width:100%;text-align:center;margin:22px 0}.nav-links a{font-size:1.4rem;letter-spacing:2px;text-transform:uppercase;padding:12px 0;display:block;width:100%}.burger.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.burger.toggle .line2{opacity:0}.burger.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}}@keyframes navLinkFade{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:100vh;display:flex;align-items:flex-start;color:var(--text-primary);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;display:block;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;background-position:24px 10px;pointer-events:none;z-index:0}.hero:after{display:none}.hero-text{max-width:680px;position:relative;z-index:1;opacity:0;transform:translateY(20px);animation:fadeInUp .9s .4s forwards}.hero-text h1{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.typing-container{display:flex;align-items:center;margin:.5rem 0 2.5rem;height:36px;font-family:var(--font-mono,"Space Mono",monospace);font-size:1rem;letter-spacing:1px;color:var(--accent)}.typing-container .typed-text{display:inline-block;color:var(--accent)}.typing-container .typed-text:after{display:none}.hero .cursor,.typing-container .cursor{display:inline-block;width:2px;height:18px;background-color:var(--accent);margin-left:4px;animation:blink 1s infinite;vertical-align:middle;border-radius:1px}.contact-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;background:rgba(255,255,255,.05);color:var(--text-primary);font-family:var(--font-mono,"Space Mono",monospace);font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--border-active,rgba(255,255,255,.25));border-radius:2px;cursor:pointer;text-decoration:none;transition:color .2s ease,box-shadow .2s ease,opacity .2s ease;overflow:visible}.contact-btn:after,.contact-btn:before{content:"";position:absolute;width:7px;height:7px;border-color:var(--accent);border-style:solid;pointer-events:none}.contact-btn:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.contact-btn:after{top:calc(100% - 6px);left:calc(100% - 6px);border-width:0 1.5px 1.5px 0}.contact-btn:hover{color:var(--accent);opacity:.9;box-shadow:0 0 20px var(--accent-glow)}.contact-btn:hover:before{animation:corner-sweep-before .4s linear forwards}.contact-btn:hover:after{animation:corner-sweep-after .4s linear forwards}body.light-mode .contact-btn{background:#F7F6F2;color:#0F0F10;border:1px solid #0f0f10}body.light-mode .contact-btn:hover{color:#0F0F10;opacity:.85;box-shadow:0 0 20px var(--accent-glow)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.float-item{position:absolute}.float-item.dots{width:80px;height:80px;opacity:.05;border-radius:0;background:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 0);background-size:18px 18px;filter:none}.floating-elements .float-item.dots:first-child{top:18%;left:8%}.floating-elements .float-item.dots:nth-child(2){top:50%;right:12%;width:60px;height:60px;animation-delay:-6s}.floating-elements .float-item.dots:nth-child(3){bottom:22%;left:28%;width:50px;height:50px;animation-delay:-12s}.scroll-down-arrow{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s ease,transform .2s ease;animation:bounceArrow 2.5s ease-in-out infinite;z-index:3;text-decoration:none}.scroll-down-arrow:hover{color:var(--accent)}.scroll-down-arrow svg{width:22px;height:22px}@keyframes bounceArrow{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-7px)}60%{transform:translateX(-50%) translateY(-3px)}}.downloadBtn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:#F7F6F2;border:1px solid #0f0f10;border-radius:2px;color:#0F0F10;font-family:var(--font-mono,"Space Mono",monospace);font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .2s ease,box-shadow .2s ease;overflow:visible;position:relative}.downloadBtn:after,.downloadBtn:before{content:"";position:absolute;width:7px;height:7px;border-color:var(--accent);border-style:solid;pointer-events:none}.downloadBtn:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.downloadBtn:after{top:calc(100% - 6px);left:calc(100% - 6px);border-width:0 1.5px 1.5px 0}.downloadBtn:hover{opacity:.85;box-shadow:0 0 20px var(--accent-glow);color:#0F0F10}.downloadBtn:hover:before{animation:corner-sweep-before .4s linear forwards}.downloadBtn:hover:after{animation:corner-sweep-after .4s linear forwards}.downloadBtn:hover .iconContainer{width:auto}.downloadBtn:hover .btnText{transform:none;width:auto;font-size:inherit;margin-left:0}.iconContainer{display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:none;border-radius:0;box-shadow:none}.icon{width:16px;height:16px;color:currentColor}.btnText{display:flex;align-items:center}.hero .container{position:relative;z-index:2;padding-top:90px;padding-bottom:60px}@media (max-width:768px){.hero .container{padding-top:76px;padding-bottom:40px}.typing-container{font-size:.82rem;height:30px}.scroll-down-arrow{bottom:1.25rem}}@media (max-width:480px){.float-item.dots{display:none}}@keyframes modernBlink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-text h1{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:var(--text-primary)}.typing-container{justify-content:flex-start;text-align:left}.hero{background:var(--bg)}.floating-elements .float-item.dots:first-child{animation:float 28s ease-in-out infinite}.floating-elements .float-item.dots:nth-child(2){animation:float 22s ease-in-out infinite reverse}.floating-elements .float-item.dots:nth-child(3){animation:float 18s ease-in-out infinite}.hero .contact-btn{animation:fadeInUp .8s ease-out .4s forwards;opacity:0;transform:translateY(20px);background:transparent;color:var(--header-text,rgba(255,255,255,.9));border:1px solid var(--border,rgba(255,255,255,.12));border-radius:2px;backdrop-filter:none;overflow:visible}.hero .contact-btn:hover{color:var(--accent);opacity:1;box-shadow:none;transform:none}@media (max-width:768px){.hero .container{padding:0 1.5rem}}@media (max-width:480px){.hero .contact-btn{min-width:0;width:auto}}.about .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.about-img{flex:1;max-width:400px;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative}.about-img:before{content:"";position:absolute;top:20px;left:20px;width:100%;height:100%;border:4px solid var(--accent);border-radius:8px;z-index:-1}.about-img img{width:100%;height:auto;transition:var(--transition);display:block}.about-img:hover img{transform:scale(1.03)}.about-text{flex:1;max-width:600px;padding:0 40px}.about-text h3{font-size:28px;margin-bottom:20px;color:var(--primary);font-weight:700}.about-text p{margin-bottom:20px;line-height:1.8}.hero{padding-top:90px;padding-bottom:60px}.about-bento{display:grid;grid-template-columns:260px 1fr 1fr;grid-template-rows:auto auto auto auto auto;border:1.5px solid var(--bento-line);gap:1.5px;background:var(--bento-line);position:relative;z-index:1;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.about-bento.bento-visible{opacity:1;transform:translateY(0)}.ab-cell{background:var(--bg);padding:28px 32px}.ab-label{display:block;font-family:var(--font-mono,"Space Mono",monospace);font-size:.58rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.ab-photo{grid-column:1;grid-row:1/span 2;padding:0;position:relative;overflow:hidden;min-height:340px;cursor:pointer}.ab-heading{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center}.ab-heading h1{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary);margin-bottom:.75rem}.ab-heading .typing-container{margin:0;height:32px;font-size:.95rem}.ab-resume-cell{grid-column:3;grid-row:1;align-items:center;padding:28px 32px}.ab-bio,.ab-resume-cell{display:flex;justify-content:center}.ab-bio{grid-column:2/-1;grid-row:2;flex-direction:column}.ab-actions{grid-column:1/-1;grid-row:3;gap:1rem;flex-wrap:wrap;padding:20px 32px}.ab-actions,.ab-stat{display:flex;align-items:center}.ab-stat{grid-row:4;text-align:center;padding:22px 16px;flex-direction:column;justify-content:center}.ab-stat:nth-child(6){grid-column:1}.ab-stat:nth-child(7){grid-column:2}.ab-stat:nth-child(8){grid-column:3}.stat-number{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:2.2rem;font-weight:700;color:var(--accent);line-height:1;display:block;margin-bottom:.4rem}.stat-label{font-family:var(--font-mono,"Space Mono",monospace);font-size:.6rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-secondary);display:block}.about-paragraph{font-family:var(--font-interface,"Inter",sans-serif);font-size:.92rem;line-height:1.8;color:var(--text-primary);margin-bottom:.85rem}.about-paragraph:last-child{margin-bottom:0}.resume-download-btn{display:inline-flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.28);padding:.75rem 1.75rem;border-radius:2px;text-decoration:none;font-family:var(--font-mono,"Space Mono",monospace);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:opacity .2s ease,box-shadow .2s ease;position:relative;overflow:visible}.resume-download-btn:after,.resume-download-btn:before{content:"";position:absolute;width:7px;height:7px;border-color:var(--accent);border-style:solid;pointer-events:none}.resume-download-btn:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.resume-download-btn:after{top:calc(100% - 6px);left:calc(100% - 6px);border-width:0 1.5px 1.5px 0}.resume-download-btn:hover{opacity:.9;box-shadow:0 0 20px var(--accent-glow)}body.light-mode .resume-download-btn{background:#F7F6F2;color:#0F0F10;border:1px solid #0f0f10}body.light-mode .resume-download-btn:hover{color:#0F0F10}.resume-download-btn:hover:before{animation:corner-sweep-before .4s linear forwards}.resume-download-btn:hover:after{animation:corner-sweep-after .4s linear forwards}.download-icon{width:15px;height:15px;flex-shrink:0}@media (max-width:960px){.about-bento{grid-template-columns:220px 1fr 1fr}}@media (max-width:800px){.about-bento{grid-template-columns:200px 1fr}.ab-heading{grid-column:2;grid-row:1}.ab-resume-cell{grid-column:1/-1;grid-row:3;justify-content:flex-start}.ab-bio{grid-column:2;grid-row:2}.ab-actions{grid-row:4}.ab-stat{grid-row:5}.ab-stat:nth-child(6){grid-column:1}.ab-stat:nth-child(7){grid-column:2}.ab-stat:nth-child(8){grid-column:1/-1;grid-row:6}}@media (max-width:640px){.hero{padding-top:76px;padding-bottom:40px}.about-bento{grid-template-columns:1fr}.ab-photo{grid-column:1;grid-row:1;min-height:260px}.ab-heading{grid-column:1;grid-row:2}.ab-resume-cell{grid-column:1;grid-row:3;justify-content:flex-start;padding:16px 20px}.ab-bio{grid-column:1;grid-row:4}.ab-actions{grid-column:1;grid-row:5;flex-direction:column;padding:16px 20px}.ab-actions .contact-btn{width:100%;justify-content:center;text-align:center}.ab-stat:nth-child(6){grid-column:1;grid-row:6}.ab-stat:nth-child(7){grid-column:1;grid-row:7}.ab-stat:nth-child(8){grid-column:1;grid-row:8}.ab-cell{padding:20px}.ab-heading h1,.stat-number{font-size:1.9rem}}@media (max-width:400px){.ab-heading h1{font-size:1.6rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in{opacity:1;transform:translateY(0)}.cursor{display:inline-block;width:3px;background-color:white;animation:blink 1s infinite;margin-left:5px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.experience{background:var(--bg);padding:90px 0}.experience .container{padding:0 24px}.experience-groups{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.exp-group{display:grid;grid-template-columns:160px 130px 1fr;column-gap:2rem;row-gap:1.5rem}.exp-group-label{grid-column:1;text-align:right;padding-right:1.5rem;border-right:1px solid var(--border-active);position:sticky;top:100px;align-self:start}.exp-group-name{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;color:var(--accent);line-height:1.1;display:block}.exp-entry-date{grid-column:2;position:sticky;top:100px;align-self:start}.exp-date-badge{display:inline-block;position:relative;font-family:var(--font-mono,"Space Mono",monospace);font-size:.6rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);background:transparent;border:1px solid rgba(255,255,255,.32);padding:3px 10px;border-radius:2px;white-space:nowrap}body.light-mode .exp-date-badge{border-color:rgba(0,0,0,.3)}.exp-date-badge:after,.exp-date-badge:before{content:"";position:absolute;width:5px;height:5px;border-color:var(--accent);border-style:solid;pointer-events:none}.exp-date-badge:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.exp-date-badge:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.timeline-content{grid-column:3;padding:28px 32px;background:var(--surface);border:1px solid var(--border-active);border-radius:var(--radius-md,6px);position:relative;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-md);transform:translateY(-2px)}.timeline-content:after,.timeline-content:before{content:"";position:absolute;width:10px;height:10px;border-color:var(--accent);border-style:solid;opacity:1;pointer-events:none}.timeline-content:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.timeline-content:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.timeline-content:hover{border-color:var(--accent);box-shadow:0 0 28px var(--accent-glow)}.timeline-content h3{font-family:var(--font-display,"Space Grotesk",sans-serif);color:var(--accent);font-weight:600;font-size:1.1rem;margin:8px 0 14px;line-height:1.3}.timeline-content p{font-family:var(--font-interface,"Inter",sans-serif);line-height:1.75;margin-bottom:10px;color:var(--text-primary);font-size:.9rem;white-space:pre-line}.timeline-content p:last-child{margin-bottom:0}.company-header{gap:12px;margin-bottom:4px}.company-header,.company-info{display:flex;align-items:center}.company-info{flex-direction:row;gap:8px;flex-wrap:wrap}.timeline-company-name{font-family:var(--font-display,"Space Grotesk",sans-serif);font-weight:600;font-size:1rem;text-transform:uppercase;color:var(--text-primary);letter-spacing:.5px}.timeline-company-consultant{font-family:var(--font-interface,"Inter",sans-serif);font-style:italic;font-weight:400;font-size:.82rem;color:var(--text-secondary)}.timeline-company-consultant:before{content:"—";font-style:normal;margin-right:6px;opacity:.4}@media (max-width:1024px){.exp-group{grid-template-columns:140px 120px 1fr;column-gap:1.5rem}}@media (max-width:860px){.exp-group{grid-template-columns:130px 1fr;column-gap:1.25rem}.exp-group-name{font-size:1.2rem}}@media (max-width:640px){.experience{padding:60px 0}.exp-group{grid-template-columns:1fr;row-gap:.5rem}.exp-group-label{grid-column:1!important;grid-row:auto!important;text-align:left;padding-right:0;padding-bottom:.75rem;border-right:none;border-bottom:1px solid var(--border-active);position:static;align-items:center;flex-direction:row;justify-content:space-between}.exp-group-name{font-size:1.2rem}.exp-entry-date{position:static}.exp-entry-date,.timeline-content{grid-column:1!important;grid-row:auto!important}.timeline-content{padding:18px 20px;margin-bottom:.25rem;transform:none}.timeline-content h3{font-size:.95rem}.timeline-content p{font-size:.85rem}.experience-groups{gap:2rem}}@media (max-width:400px){.timeline-content{padding:14px 16px}}.skills{padding-top:60px!important;background:var(--bg)}.skills .container{max-width:1400px;width:90%;margin:0 auto;padding:0 20px}.skills-grid{display:flex;justify-content:space-between;gap:25px;margin:30px auto;width:100%}.skill-card{flex:1 1 0;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,6px);padding:25px;box-shadow:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.skill-card:hover{border-color:var(--border-active);transform:translateY(-2px);box-shadow:var(--shadow-md)}.skill-header{display:flex;align-items:center;margin-bottom:25px}.skill-header i{font-size:24px;color:var(--accent);margin-right:25px}.skill-header h3{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:var(--accent);color:#0C0C0D;border:1px solid rgba(15,15,16,.35);padding:4px 10px;border-radius:var(--radius-sm,4px);font-family:var(--font-mono,"Space Mono",monospace);font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;transition:opacity .2s ease}.skill-tag:hover{opacity:.85;transform:none;color:#0C0C0D}.cert-list{display:flex;flex-direction:column;gap:10px;padding:5px 0}.cert-item{padding:11px 14px;background:var(--surface-alt);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm,4px) var(--radius-sm,4px) 0;transition:background .2s ease,transform .2s ease;cursor:default}.cert-item:hover{background:var(--accent-dim);transform:translateX(3px)}.cert-name{font-family:var(--font-interface,"Inter",sans-serif);font-size:.85rem;font-weight:500;color:var(--text-primary);line-height:1.4}.lang-list{display:flex;flex-direction:column;gap:8px;padding:5px 0}.lang-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.lang-item:last-child{border-bottom:none}.lang-flag{font-size:20px;margin-right:12px;line-height:1}.lang-name{font-family:var(--font-interface,"Inter",sans-serif);font-weight:600;flex:1;font-size:.9rem}.lang-level,.lang-name{color:var(--text-primary)}.lang-level{font-family:var(--font-mono,"Space Mono",monospace);font-size:.65rem;text-transform:uppercase;letter-spacing:1px}.edu-list{gap:10px;padding:5px 0}.edu-item,.edu-list{display:flex;flex-direction:column}.edu-item{gap:3px;padding:11px 14px;background:var(--surface-alt);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm,4px) var(--radius-sm,4px) 0}.edu-school{font-family:var(--font-interface,"Inter",sans-serif);font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.4}.edu-degree{font-family:var(--font-mono,"Space Mono",monospace);font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.tool-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 0;width:100%}.tool-item{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 8px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm,4px);transition:background .2s ease,border-color .2s ease,transform .2s ease;cursor:default}.tool-item:hover{background:var(--accent-dim);border-color:rgba(239,124,58,.3);transform:translateY(-2px);box-shadow:none}.tool-item i,.tool-item svg{font-size:22px;color:var(--text-secondary);margin-bottom:6px;transition:color .2s ease;width:20px!important;height:20px!important}.tool-item:hover i,.tool-item:hover svg{color:var(--accent)}.tool-item span{font-family:var(--font-interface,"Inter",sans-serif);font-size:11px;font-weight:500;color:var(--text-muted)}.elegant-pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:8px}.page-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.page-dot.active{background:var(--accent);transform:scale(1.25)}.page-dot:hover:not(.active){background:var(--border-active);transform:scale(1.1)}.skills-strip{width:100%;overflow:hidden;border-top:1px solid var(--strip-border,var(--border));border-bottom:1px solid var(--strip-border,var(--border));background:var(--strip-bg,var(--surface-alt));margin-bottom:40px}.skills-strip__track{display:flex;align-items:center;width:max-content;animation:strip-scroll 36s linear infinite}.skills-strip__item{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono,"Space Mono",monospace);font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--strip-text,var(--text-muted));padding:14px 28px;border-right:1px solid var(--strip-border,var(--border));white-space:nowrap;transition:color .2s ease}.skills-strip__item:hover{color:var(--accent)}.strip-icon{font-size:16px;opacity:.7;flex-shrink:0}@keyframes strip-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skills-container{max-width:1280px;margin:0 auto;padding:0 24px}.bento-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}.bento-grid-2col{grid-template-columns:1fr 1fr}.bento-grid-3col{grid-template-columns:1fr 1fr 1fr}.bento-cell{background:var(--bg);padding:2rem 2.5rem;transition:background .2s ease;position:relative}.bento-cell:hover{background:var(--surface)}.bento-tools{grid-row:1/3}.bento-label{display:block;font-family:var(--font-mono,"Space Mono",monospace);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--accent);margin-bottom:1.5rem}@media (max-width:1400px){.skills-grid{flex-wrap:wrap}.skill-card{flex:1 1 45%;margin-bottom:20px}}@media (max-width:992px){.skill-card{flex:1 1 100%}}@media (max-width:640px){.skills-container{padding:0 16px}.bento-cell{padding:1.5rem 1.25rem}.bento-label{font-size:.7rem;margin-bottom:1rem}}@media (max-width:900px){.bento-grid-3col{grid-template-columns:1fr 1fr}}@media (max-width:768px){.bento-grid,.bento-grid-3col{grid-template-columns:1fr}.bento-tools{grid-row:auto}}@media (max-width:480px){.bento-cell{padding:1.5rem}}.projects{background:var(--bg);padding:90px 0}.projects:before{display:none}.projects .carousel-wrapper{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0 56px}.projects .carousel-container{width:100%;overflow:hidden}.projects .carousel-track{display:flex;gap:24px;transition:transform .5s ease-out;padding:4px 0 12px;align-items:stretch}.projects .carousel-slide{flex:0 0 auto;width:calc(50% - 12px);opacity:1}.projects .project-card-link{text-decoration:none;color:inherit;display:block;height:100%}.projects .project-card{background:var(--surface);border:1px solid var(--border-active);border-radius:var(--radius-md,6px);padding:28px 32px;display:flex;flex-direction:column;gap:12px;position:relative;box-shadow:var(--shadow-md);transition:border-color .2s ease,box-shadow .2s ease;height:100%;cursor:pointer}.projects .project-card:after,.projects .project-card:before{content:"";position:absolute;width:10px;height:10px;border-color:var(--accent);border-style:solid;opacity:1;pointer-events:none;z-index:2}.projects .project-card:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.projects .project-card:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.projects .project-card:hover{border-color:var(--accent);box-shadow:0 0 28px var(--accent-glow)}.project-type-label{font-family:var(--font-mono,"Space Mono",monospace);font-size:.58rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);display:block}.projects .project-title{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin:0}.projects .project-excerpt{font-family:var(--font-interface,"Inter",sans-serif);font-size:.875rem;color:var(--text-secondary);line-height:1.75;margin:0;flex-grow:1}.project-tags{gap:6px}.projects .project-tag{font-size:.58rem;font-weight:600;letter-spacing:1.5px;color:var(--text-muted);background:transparent;border:1px solid var(--border);padding:2px 8px;border-radius:2px}.projects .project-link,.projects .project-tag{font-family:var(--font-mono,"Space Mono",monospace);text-transform:uppercase}.projects .project-link{align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin-top:4px;transition:opacity .2s ease}.projects .project-link svg{transition:transform .2s ease}.projects .project-link:hover svg{transform:translateX(4px)}.projects .carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:var(--surface);color:var(--text-secondary);width:40px;height:40px;border-radius:var(--radius-sm,4px);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-active);cursor:pointer;z-index:10;transition:border-color .2s ease,color .2s ease}.projects .carousel-prev{left:6px}.projects .carousel-next{right:6px}.projects .carousel-button:hover{border-color:var(--accent);color:var(--accent)}.projects .carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.projects .carousel-dot{width:36px;height:3px;border-radius:2px;background:var(--border);cursor:pointer;transition:background .2s ease,width .2s ease}.projects .carousel-dot.active{background:var(--accent);width:52px}.projects .project-card.coming-soon{opacity:.35;filter:grayscale(60%);cursor:default;pointer-events:none}.projects .project-card.coming-soon:after,.projects .project-card.coming-soon:before{display:none}.project-hero{background:var(--surface);color:var(--text-primary)}.project-title{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:2.4rem;margin-bottom:24px;letter-spacing:-.02em;color:var(--text-primary)}.project-tag{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(239,124,58,.15);padding:4px 10px;border-radius:var(--radius-sm,4px);font-family:var(--font-mono,"Space Mono",monospace);font-size:.65rem;font-weight:400;letter-spacing:1.5px}.project-content{background:var(--bg)}.project-summary{margin-bottom:48px;border-bottom:1px solid var(--border);padding-bottom:28px}.project-summary h2{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.4rem;color:var(--text-primary);margin-bottom:14px}.project-summary p{font-size:1.05rem;line-height:1.75;color:var(--text-secondary)}.project-meta{border-bottom:1px solid var(--border);padding-bottom:28px}.meta-label{font-family:var(--font-mono,"Space Mono",monospace);font-size:.62rem;letter-spacing:2px;color:var(--text-muted);margin-bottom:6px}.meta-value{font-family:var(--font-interface,"Inter",sans-serif);color:var(--text-primary);font-size:.9rem}.project-body h2{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.7rem;color:var(--text-primary);margin:56px 0 28px;padding-bottom:14px}.project-body h2:after{width:36px;height:2px;background:var(--accent)}.project-body h3{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.25rem;color:var(--text-primary);margin:36px 0 18px;padding-left:18px;border-left:2px solid var(--accent)}.project-body h3:before{display:none}.project-body p{margin-bottom:22px;color:var(--text-secondary);font-size:1rem}.solution-section{margin:36px 0;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,6px);transition:border-color .2s ease,box-shadow .2s ease}.solution-section:hover{border-color:var(--border-active);box-shadow:var(--shadow-sm)}.solution-section ul{margin:16px 0}.solution-section li{margin-bottom:8px;line-height:1.65;color:var(--text-secondary)}@media (max-width:900px){.projects .carousel-slide{width:calc(100% - 0px)}}@media (max-width:767px){.projects .carousel-wrapper{padding:0 44px}.projects .carousel-slide{width:100%}.projects .project-card{padding:20px 22px}.projects .carousel-button{width:36px;height:36px}}.interests{background:var(--bg);position:relative;padding-top:60px!important}.interests-intro{text-align:center;max-width:700px;margin:0 auto 40px}.interests-intro h3{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.5rem;margin-bottom:14px;color:var(--text-primary);font-weight:600}.interests-intro p{font-family:var(--font-interface,"Inter",sans-serif);line-height:1.8;color:var(--text-secondary);font-size:.95rem}.map-container{max-width:1280px;height:500px;margin:0 auto;border-radius:var(--radius-md,6px);overflow:hidden;border:1px solid var(--border);box-shadow:none;position:relative}.world-map{width:100%;height:100%;background:var(--surface)}.leaflet-control-attribution{display:none!important}.leaflet-popup-content-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,6px);padding:0;overflow:hidden;box-shadow:var(--shadow-md)}.leaflet-popup-content{margin:0;padding:12px 15px;font-family:var(--font-interface,"Inter",sans-serif);font-size:.85rem;line-height:1.5;color:var(--text-primary)}.leaflet-popup-content b{font-family:var(--font-display,"Space Grotesk",sans-serif);color:var(--accent);font-weight:600;display:block;margin-bottom:5px;font-size:.9rem}.leaflet-popup-tip{background:var(--surface);box-shadow:none}.leaflet-popup-close-button{color:var(--text-secondary)!important;opacity:.7;top:10px!important;right:10px!important;transition:opacity .2s ease}.leaflet-popup-close-button:hover{opacity:1;color:var(--accent)!important;background:transparent!important}.leaflet-marker-icon{transition:transform .2s ease}.leaflet-marker-icon:hover{transform:scale(1.2)}@keyframes markerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.leaflet-marker-icon.pulse{animation:markerPulse 1.5s infinite}@media (max-width:768px){.map-container{height:350px;border-radius:var(--radius-md,6px)}.interests-intro h3{font-size:1.25rem}.interests-intro p{font-size:.9rem}}@media (max-width:576px){.map-container{height:300px;border-radius:var(--radius-sm,4px)}}.contact{background:var(--bg);color:var(--text-primary);padding:100px 0;position:relative}.contact:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;background-position:24px 10px;pointer-events:none;z-index:0}.contact .container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.contact-header{margin-bottom:3rem}.contact-header h2{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:2.4rem;font-weight:700;color:var(--text-primary);margin-top:.5rem;letter-spacing:-.02em}.contact .section-label{color:var(--accent)}.contact-bento{display:grid;grid-template-columns:1fr 1.7fr;border:1.5px solid var(--bento-line);box-shadow:0 4px 32px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04)}.contact-bento,.contact-info-col{background:var(--bento-line);gap:1.5px}.contact-info-col{display:flex;flex-direction:column}.contact-cell{padding:28px 32px;flex:1;background:var(--bg)}.cell-label{display:block;font-family:var(--font-mono,"Space Mono",monospace);font-size:.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.cell-value{font-family:var(--font-interface,"Inter",sans-serif);font-size:.95rem;color:var(--text-primary);margin:0;line-height:1.6}.contact-cell-linkedin{display:flex;flex-direction:column;justify-content:center}.linkedin-btn{display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.05);color:var(--text-primary);border:1px solid var(--border-active);border-radius:2px;padding:.65rem 1.25rem;font-family:var(--font-mono,"Space Mono",monospace);font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;position:relative;overflow:visible;transition:opacity .2s ease,box-shadow .2s ease;width:fit-content}.linkedin-btn:after,.linkedin-btn:before{content:"";position:absolute;width:7px;height:7px;border-color:var(--accent);border-style:solid;pointer-events:none}.linkedin-btn:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.linkedin-btn:after{top:calc(100% - 6px);left:calc(100% - 6px);border-width:0 1.5px 1.5px 0}.linkedin-btn:hover{opacity:.85;box-shadow:0 0 16px var(--accent-glow,rgba(239,124,58,.2))}.linkedin-btn:hover:before{animation:corner-sweep-before .4s linear forwards}.linkedin-btn:hover:after{animation:corner-sweep-after .4s linear forwards}.linkedin-icon{width:14px;height:14px;flex-shrink:0}.cell-email{display:flex;align-items:center;gap:10px;flex-wrap:wrap;word-break:break-all}.copy-btn{background:none;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:3px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease;flex-shrink:0}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.copy-success{border-color:#22c55e;color:#22c55e}.cell-edu{display:flex;flex-direction:column;gap:6px}.edu-primary{font-family:var(--font-display,"Space Grotesk",sans-serif);font-weight:600;font-size:.92rem;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.edu-item{font-family:var(--font-interface,"Inter",sans-serif);font-size:.85rem;color:var(--text-secondary)}.contact-form-col{padding:36px 40px;background:var(--bg)}.contact-form{margin-top:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-family:var(--font-mono,"Space Mono",monospace);font-size:.58rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px}.form-group input,.form-group textarea{width:100%;padding:11px 14px;background:var(--surface-alt);border:1px solid var(--border);border-radius:2px;font-family:var(--font-interface,"Inter",sans-serif);font-size:.88rem;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(239,124,58,.1)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{position:relative;overflow:visible;padding:13px 28px;background:rgba(255,255,255,.05);color:var(--text-primary);border:1px solid var(--border-active);border-radius:2px;font-family:var(--font-mono,"Space Mono",monospace);font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease,box-shadow .2s ease;margin-top:4px}.submit-btn:after,.submit-btn:before{content:"";position:absolute;width:7px;height:7px;border-color:var(--accent);border-style:solid;pointer-events:none}.submit-btn:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.submit-btn:after{top:calc(100% - 6px);left:calc(100% - 6px);border-width:0 1.5px 1.5px 0}.submit-btn:hover:not(:disabled){opacity:.9;box-shadow:0 0 24px rgba(239,124,58,.25)}.submit-btn:hover:not(:disabled):before{animation:corner-sweep-before .4s linear forwards}.submit-btn:hover:not(:disabled):after{animation:corner-sweep-after .4s linear forwards}.submit-btn:disabled{opacity:.45;cursor:not-allowed}.form-success{color:#22c55e;border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.06);border-radius:2px}.form-error,.form-success{margin-top:14px;font-family:var(--font-mono,"Space Mono",monospace);font-size:.62rem;letter-spacing:1.5px;text-transform:uppercase;padding:10px 14px}.form-error{color:#ef4444;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.06);border-radius:2px}body.light-mode .contact{background:#F4F4F2;color:#0F0F10}body.light-mode .contact-bento{border-color:rgba(15,15,16,.15);box-shadow:0 4px 20px rgba(0,0,0,.08);background:rgba(15,15,16,.1)}body.light-mode .contact-info-col{background:rgba(15,15,16,.1)}body.light-mode .contact-cell,body.light-mode .contact-form-col{background:#F4F4F2}body.light-mode .cell-value,body.light-mode .contact-header h2{color:#0F0F10}body.light-mode .linkedin-btn{background:#F7F6F2;color:#0F0F10;border-color:#0F0F10}body.light-mode .linkedin-btn:hover{color:#0F0F10}body.light-mode .copy-btn{border-color:rgba(15,15,16,.18);color:rgba(15,15,16,.5)}body.light-mode .form-group input,body.light-mode .form-group textarea{background:#ffffff;border-color:rgba(15,15,16,.15);color:#0F0F10}body.light-mode .form-group input::placeholder,body.light-mode .form-group textarea::placeholder{color:rgba(15,15,16,.25)}body.light-mode .submit-btn{background:#F7F6F2;color:#0F0F10;border-color:#0F0F10}body.light-mode .submit-btn:hover:not(:disabled){color:#0F0F10}body.light-mode .edu-item{color:rgba(15,15,16,.6)}@media (max-width:900px){.contact-bento{grid-template-columns:1fr;gap:0}.contact-info-col{border-bottom:1.5px solid var(--bento-line);flex-direction:row;flex-wrap:wrap;gap:0}body.light-mode .contact-info-col{background:rgba(15,15,16,.08);border-bottom-color:rgba(15,15,16,.12)}.contact-cell{flex:1;min-width:200px;border-right:1.5px solid var(--bento-line)}body.light-mode .contact-cell{border-right-color:rgba(15,15,16,.1)}.contact-cell:last-child{border-right:none}}@media (max-width:640px){.contact{padding:60px 0}.contact-info-col{flex-direction:column}.contact-cell{border-right:none;border-bottom:1.5px solid var(--bento-line);padding:20px}body.light-mode .contact-cell{border-bottom-color:rgba(15,15,16,.1)}.contact-form-col{padding:24px 20px}.form-row{grid-template-columns:1fr}.contact-header h2{font-size:1.6rem}.contact-header{margin-bottom:1.5rem}.submit-btn{width:100%}}footer{background:var(--bg);color:var(--text-primary);padding:40px 0;text-align:center;width:100%;position:relative;border-top:1px solid var(--border)}footer:before{display:none}footer .container{max-width:1280px;margin:0 auto;padding:0 24px}.social-links{margin-bottom:24px;display:flex;justify-content:center;gap:14px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--border-active);border-radius:50%;color:var(--text-secondary);font-size:18px;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease;text-decoration:none}.social-links a:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px rgba(239,124,58,.2);background:transparent;animation:shake-circle .4s ease}@keyframes shake-circle{0%{transform:rotate(0deg) scale(1)}20%{transform:rotate(-8deg) scale(1.08)}40%{transform:rotate(8deg) scale(1.08)}60%{transform:rotate(-5deg) scale(1.04)}80%{transform:rotate(5deg) scale(1.04)}to{transform:rotate(0deg) scale(1)}}.social-links a:active{box-shadow:none}.copyright{font-family:var(--font-mono,"Space Mono",monospace);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin:0;padding:0}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;margin-bottom:28px}.footer-links a{font-family:var(--font-mono,"Space Mono",monospace);font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent)}.footer-logo{margin-bottom:22px;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.1rem;font-weight:700;letter-spacing:1px}.footer-logo span{color:var(--accent)}.footer-logo a{text-decoration:none;color:var(--text-primary)}.heart-icon{display:inline-block;color:#e25555;margin:0 3px;font-size:14px;animation:heartbeat 1.5s ease infinite}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)}to{transform:scale(1)}}body.light-mode footer{background:#F4F4F2;color:#0F0F10;border-top-color:rgba(0,0,0,.1)}body.light-mode .social-links a{border-color:rgba(15,15,16,.35);color:#0F0F10}body.light-mode .copyright{color:rgba(15,15,16,.7)}body.light-mode .footer-links a,body.light-mode .footer-logo a{color:#0F0F10}@media screen and (max-width:768px){footer{padding:28px 0}.social-links{margin-bottom:18px;gap:10px}.social-links a{width:40px;height:40px;font-size:16px}.footer-links{gap:18px;margin-bottom:18px}}@media screen and (max-width:480px){.social-links{gap:8px}.social-links a{width:36px;height:36px;font-size:15px}.footer-links{flex-direction:column;gap:10px;align-items:center}}.projects{background-color:var(--light);position:relative;padding:120px 0}.projects:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://cdnjs.cloudflare.com/ajax/libs/pattern.css/1.0.0/pattern.svg);opacity:.03;z-index:0}.carousel-container{width:100%;max-width:1200px;margin:0 auto;position:relative;padding:20px 0;overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease-in-out;gap:20px;padding:20px 0}.carousel-slide{flex:0 0 auto;transition:all .3s ease}@media (min-width:1200px){.carousel-slide{width:calc(33.333% - 20px)}}@media (min-width:768px) and (max-width:1199px){.carousel-slide{width:calc(50% - 20px)}}@media (max-width:767px){.carousel-slide{width:calc(100% - 40px);margin:0 20px}.project-card{height:auto;min-height:300px}.project-content{padding:20px}.project-title{font-size:20px}.project-excerpt{font-size:14px;-webkit-line-clamp:3}.carousel-controls{margin-top:30px}.carousel-button{width:45px;height:45px}.carousel-dots{margin-top:20px}.carousel-dot{width:30px;height:3px}.carousel-dot.active{width:45px}}@media (hover:none){.carousel-track{cursor:grab}.carousel-track:active{cursor:grabbing}.project-card:hover{transform:none}}.carousel-slide{min-width:350px;width:350px;height:320px;margin:0;transform:scale(.93);transition:all .7s cubic-bezier(.22,1,.36,1);opacity:.7;filter:saturate(.8)}.carousel-slide.active{transform:scale(1);opacity:1;filter:saturate(1);z-index:10;box-shadow:0 15px 40px rgba(239,131,84,.15)}.project-card-link{text-decoration:none;color:inherit;display:block;height:100%;cursor:pointer}.project-card{height:100%;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.08);transition:all .5s ease;display:flex;flex-direction:column;position:relative;border:1px solid rgba(255,255,255,.18)}.project-card-link:hover .project-card{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.08),0 1px 5px rgba(0,0,0,.1)}.project-content{padding:28px;flex-grow:1;display:flex;flex-direction:column;height:100%}.project-title{font-size:22px;color:#000000;margin-bottom:12px;line-height:1.3;position:relative;transition:all .3s ease}.project-card:hover .project-title{color:var(--accent)}.project-excerpt{color:var(--secondary);font-weight:400;margin-bottom:20px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;font-size:15px}.project-tags{gap:8px;margin-bottom:15px}.project-tag{font-size:11px;font-weight:600;color:var(--primary);padding:5px 12px;border-radius:100px;letter-spacing:.5px;background-color:#f2f3f7;text-transform:uppercase}.project-card:hover .project-tag{background-color:rgba(239,131,84,.1);color:var(--accent)}.project-link{align-self:flex-end;color:var(--accent);font-weight:600;text-decoration:none;padding:8px 0;position:relative;transition:all .4s ease;font-size:14px;display:flex;align-items:center;gap:8px}.project-link svg{transition:transform .3s ease}.project-link:hover svg{transform:translateX(4px)}.carousel-controls{display:flex;justify-content:center;gap:20px;margin-top:20px}.carousel-button{background-color:white;color:var(--primary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05)}.carousel-button:hover{background-color:var(--accent);color:white;transform:translateY(-3px);box-shadow:0 8px 20px rgba(239,131,84,.3)}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}.carousel-dot{width:40px;height:4px;border-radius:100px;background-color:#e0e0e0;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background-color:var(--accent);width:60px}.project-card.coming-soon{opacity:.6;cursor:not-allowed;filter:grayscale(50%)}.project-card.coming-soon .project-link{display:none}.project-hero{padding:150px 0 70px;background-color:var(--primary)}.project-tag{background-color:rgba(255,255,255,.1);color:white;padding:6px 14px;border-radius:4px;font-size:.85rem;transition:all .3s ease}.project-tag:hover{background-color:var(--accent)}@media (max-width:1200px){.container{padding:0 40px}section{padding:100px 0}.section-title h2{font-size:32px}}@media (max-width:992px){section{padding:80px 0}.section-title{margin-bottom:50px}.section-title h2{font-size:28px}.hero-content h1{font-size:42px}.hero-content .typed-text{font-size:20px}.timeline-item{padding-left:90px}.timeline-item:before{left:30px}.timeline-item:after{left:26px}}@media (max-width:768px){.container{padding:0 20px}section{padding:60px 0}.section-title h2{font-size:26px}.hero{flex-direction:column-reverse;text-align:center;padding-top:120px}.hero-content,.hero-image{width:100%}.hero-content{padding-right:0;margin-top:40px}.hero-content h1{font-size:36px}.hero-image{max-width:300px;margin:0 auto}.about-content{flex-direction:column}.about-image,.about-text{width:100%}.about-image{order:-1;margin-bottom:30px}.timeline-item{margin-bottom:40px}.skills-grid{grid-template-columns:1fr 1fr;gap:15px}.contact-form,.contact-info{width:100%}.contact-content{flex-direction:column}.contact-info{margin-top:40px;order:1}.footer-content{flex-direction:column;text-align:center}.footer-links,.footer-social{margin-top:20px}}@media (max-width:576px){.section-title h2{font-size:24px}.hero-content h1{font-size:32px}.hero-content .typed-text{font-size:18px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{margin:10px 0;width:100%;text-align:center}.skills-grid{grid-template-columns:1fr}.carousel-slide{width:calc(100% - 30px)!important;min-width:280px!important}.form-group{margin-bottom:15px}.contact-form input,.contact-form textarea{padding:12px}.map-container{height:250px}}@media (hover:none){.btn:hover{transform:none;box-shadow:none}.btn:active{transform:translateY(3px)}.nav-links a:hover:after{width:0}.nav-links a:active:after{width:100%}.project-card:hover{transform:none}.project-card:active{transform:translateY(-5px)}}@media (max-width:1400px){.skills-grid{flex-wrap:wrap}.skill-card{flex:1 1 45%;margin-bottom:25px}}@media (max-width:1200px){.container{max-width:90%}.hero-content h1,.hero-text h1{font-size:44px}.timeline-content{width:60%}}@media (max-width:992px){.hero-content h1,.hero-text h1{font-size:36px}.about .container{flex-direction:column}.about-img,.about-text{max-width:100%;margin-bottom:40px}.about-text{padding:0}.experience-timeline:before{left:50%;transform:translateX(-50%)}.timeline-item{justify-content:center!important}.timeline-content{width:70%;margin:0 auto}.timeline-item:nth-child(2n) .timeline-content:before,.timeline-item:nth-child(odd) .timeline-content:before{left:50%;transform:translateX(-50%)}.timeline-item:nth-child(2n) .timeline-date,.timeline-item:nth-child(odd) .timeline-date{width:max-content;left:50%;top:-40px;transform:translateX(-50%);text-align:center}.skill-card{flex:1 1 100%}.carousel-slide{min-width:300px;width:300px}}@media (max-width:768px){section{padding:80px 0}.section-title h2{font-size:30px}.hero{min-height:100vh;padding-top:100px;padding-bottom:50px}.hero,.hero-content,.hero-text{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-content,.hero-text{margin:0 auto;width:100%;padding:0 10px}.hero h1,.hero-content h1,.hero-text h1{font-size:42px;text-align:center;margin-bottom:30px;line-height:1.2;width:100%;white-space:nowrap}.typed-text,.typing-container{display:inline-block;position:relative;text-align:center;margin:0 auto}.cursor{display:inline-block;width:2px;height:1em;background-color:currentColor;margin-left:2px;position:absolute;right:-4px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-buttons,.hero-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:40px;width:100%}.hero-buttons .btn,.hero-cta .btn{margin:10px 0;width:80%}.experience .timeline-item,.experience-timeline .timeline-item,.timeline-item,section.experience .timeline-item{padding-left:0!important;margin-left:0!important;padding-right:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important}.timeline-content{padding:25px;width:85%;margin:0 auto!important}}@media (max-width:576px){.section-title{margin-bottom:40px}.hero{min-height:90vh;padding-top:100px}.hero h1,.hero-content h1,.hero-text h1{font-size:30px}.typing-container{width:100%;font-size:20px}.hero-image{max-width:200px}.timeline-content{width:90%;margin:0 auto}.project-tag{font-size:10px;padding:4px 8px}.carousel-slide{min-width:100%;width:100%;height:auto;transform:scale(1);opacity:1}.carousel-track{flex-wrap:wrap}.map-container{height:350px}.hero-buttons .btn,.hero-cta .btn{width:100%}}@media (max-width:360px){.hero h1,.hero-content h1,.hero-text h1{font-size:28px}.typing-container{font-size:18px}.hero-buttons .btn,.hero-cta .btn{width:100%;font-size:14px}}@media (hover:none){.btn:hover{transform:none;box-shadow:none}.btn:active{transform:translateY(3px)}.nav-links a:hover:after{width:0}.nav-links a:active:after{width:100%}}.downloadResumeBtn{width:250px;height:52px;border-radius:50px;border:1px solid rgba(255,255,255,.2);background-color:#2d3142;cursor:pointer;text-decoration:none;position:relative;padding:0}.dlIconContainer,.downloadResumeBtn{display:flex;align-items:center;justify-content:center;transition-duration:.3s;overflow:hidden}.dlIconContainer{width:32px;height:32px;background:#ef8354;border-radius:50px;z-index:2}.dlIcon{fill:white;width:16px;height:16px}.downloadResumeBtn span:not(.dlIconContainer){height:100%;width:205px;display:flex;align-items:center;justify-content:flex-start;padding-left:10px;color:white;z-index:1;transition-duration:.3s;font-size:15px;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:1.5px}.downloadResumeBtn:hover{border-color:transparent}.downloadResumeBtn:hover .dlIconContainer{width:100%;height:100%;border-radius:40px;transition-duration:.3s}.downloadResumeBtn:hover span:not(.dlIconContainer){transform:translate(10px);width:0;font-size:0;transition-duration:.3s}.downloadResumeBtn:active{transform:scale(.95);transition-duration:.3s}@media (max-width:768px){.downloadResumeBtn{width:250px;height:52px}.downloadResumeBtn span:not(.dlIconContainer){width:205px;font-size:15px}}.project-hero{padding:120px 0 60px;color:white;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0f23,#1a1b3a 50%,#2d2d5f)}.project-hero:before{background:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(239,131,84,.08) 0,transparent 50%)}.project-hero:after,.project-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.project-hero:after{background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.02) 1px,transparent 0),radial-gradient(circle at 70% 80%,rgba(255,255,255,.02) 1px,transparent 0),radial-gradient(circle at 20% 60%,rgba(255,255,255,.015) 1px,transparent 0);background-size:60px 60px,80px 80px,100px 100px;animation:subtleFloat 40s ease-in-out infinite;opacity:.7}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes projectHeroFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes projectSlideInLeft{to{opacity:1;transform:translateX(0)}}@keyframes projectContentFadeIn{to{opacity:1;transform:translateY(0)}}.project-header{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2;animation:projectHeroFadeIn .8s ease-out forwards;opacity:0;transform:translateY(30px)}.project-title{font-size:2.5rem;font-weight:700;margin-bottom:25px;letter-spacing:-.5px;color:white}.project-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;animation:projectHeroFadeIn .8s ease-out .2s forwards;opacity:0;transform:translateY(20px)}.project-tag{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);padding:12px 20px;border-radius:50px;font-size:.875rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1)}.project-tag:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));transition:width .4s cubic-bezier(.4,0,.2,1);z-index:-1}.project-tag:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,255,255,.15),0 3px 10px rgba(0,0,0,.1);color:rgba(255,255,255,1)}.project-tag:hover:before{width:100%}.project-content{padding:60px 0;background-color:white}.project-content .container{max-width:800px}.project-summary{margin-bottom:50px;border-bottom:1px solid #eee;padding-bottom:30px;animation:projectContentFadeIn .8s ease-out .5s forwards;opacity:0;transform:translateY(20px)}.project-summary h2{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:15px}.project-summary p{font-size:1.1rem;line-height:1.7;color:var(--secondary)}.project-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:40px;border-bottom:1px solid #eee;padding-bottom:30px;animation:projectSlideInLeft .8s ease-out .4s forwards;opacity:0;transform:translateX(-30px)}.meta-item{flex-direction:column;align-items:flex-start!important;text-align:left}.meta-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--secondary);margin-bottom:5px}.meta-value{font-weight:500;color:var(--primary)}.project-body{max-width:800px;margin:0 auto;padding:0 20px;animation:projectContentFadeIn .8s ease-out .6s forwards;opacity:0;transform:translateY(20px)}.project-body h2{font-size:1.8rem;font-weight:700;color:var(--primary);margin:60px 0 30px;position:relative;padding-bottom:15px}.project-body h2:first-child{margin-top:0}.project-body h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--accent)}.project-body h3{font-size:1.4rem;font-weight:600;color:var(--primary);margin:40px 0 20px;padding-left:20px;border-left:4px solid var(--accent);position:relative}.project-body h3:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--accent);border-radius:50%}.project-body p{margin-bottom:25px;line-height:1.8;color:var(--text);font-size:1.1rem}.solution-section{margin:40px 0;padding:30px;background-color:#f8f9fc;border-radius:8px;transition:all .3s ease}.solution-section:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.solution-section h3{margin-top:0;padding-left:0;border-left:none}.solution-section h3:before{display:none}.solution-section ul{margin:20px 0;padding-left:20px}.solution-section li{margin-bottom:10px;line-height:1.6}.concept-block{margin:40px 0;padding:30px;background-color:white;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .3s ease}.concept-block:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.08)}.concept-block h3{margin-top:0;padding-left:0;border-left:none}.concept-block h3:before{display:none}.feature-list{list-style-type:none;padding-left:0;margin:20px 0}.feature-list li{margin-bottom:15px;padding-left:30px;position:relative;line-height:1.6}.feature-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}.image-container{margin:30px 0}.project-image{width:100%;height:auto;display:block;border-radius:12px}.image-container figcaption{background:none;padding:12px 0 0;margin:0;text-align:center;font-size:.875rem;color:var(--secondary);font-style:italic;opacity:.8}.testimonial{background-color:#f8f9fc;border-left:3px solid var(--accent);padding:20px;margin:30px 0;font-style:italic}.testimonial p{font-size:1rem;color:var(--primary);margin-bottom:10px}.testimonial cite{color:var(--secondary);font-size:.9rem;font-weight:500}.related-projects{padding:60px 0;background-color:#f8f9fc}.related-projects h2{text-align:center;font-size:1.5rem;color:var(--primary);margin-bottom:40px;font-weight:600}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px}.related-projects .project-card{height:320px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);box-shadow:0 10px 20px rgba(0,0,0,.08),0 1px 5px rgba(0,0,0,.05);transition:all .4s ease;display:flex;flex-direction:column;position:relative;border:1px solid rgba(255,255,255,.2);will-change:transform}.related-projects .project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12),0 1px 5px rgba(0,0,0,.1);background:rgba(255,255,255,1)}.related-projects .project-content{padding:28px;flex-grow:1;display:flex;flex-direction:column;height:100%}.related-projects .project-title{font-size:20px;color:var(--primary);font-weight:600;margin-bottom:12px;line-height:1.3;position:relative;transition:all .3s ease}.related-projects .project-card:hover .project-title{color:var(--accent)}.related-projects .project-excerpt{color:var(--secondary);font-weight:400;margin-bottom:20px;line-height:1.6;opacity:.9;font-size:15px}.related-projects .project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.related-projects .project-tag{display:inline-block;padding:5px 10px;border-radius:20px;background:rgba(120,120,120,.1);color:#666;font-size:12px;font-weight:500;transition:all .3s ease}.related-projects .project-tag:hover{background:rgba(120,120,120,.2);transform:translateY(-2px)}.related-projects .project-card.coming-soon{opacity:.5;filter:grayscale(100%);background-color:rgba(240,240,240,.9);border:1px solid rgba(200,200,200,.3);cursor:default}.related-projects .project-card.coming-soon:hover{transform:none;box-shadow:0 10px 20px rgba(0,0,0,.05),0 1px 5px rgba(0,0,0,.03)}.related-projects .project-card.coming-soon .project-title{color:#888}.related-projects .project-card.coming-soon .project-excerpt{color:#999}.related-projects .project-card.coming-soon .project-tag{background:rgba(150,150,150,.1);color:#888}.future-list{list-style-type:none;padding-left:0;margin:20px 0}.future-list li{margin-bottom:15px;padding-left:30px;position:relative;line-height:1.6}.future-list li:before{content:"⟶";position:absolute;left:0;color:var(--accent);font-weight:700}@media (max-width:768px){.project-hero{padding:120px 0 50px}.project-title{font-size:2rem}.project-meta,.projects-grid{grid-template-columns:repeat(2,1fr)}.related-projects .project-card{height:auto;min-height:280px}.related-projects .project-content{padding:20px}.project-body h2{font-size:1.5rem}.project-body h3{font-size:1.3rem}.concept-block,.solution-section{padding:20px}}@media (max-width:576px){.project-meta,.projects-grid{grid-template-columns:1fr}.related-projects .projects-grid{grid-template-columns:1fr;gap:15px}.related-projects .project-card{min-height:250px}.related-projects .project-title{font-size:18px}.related-projects .project-excerpt{font-size:14px}.project-title{font-size:1.8rem}.project-tags{flex-direction:column;align-items:center}.project-body{padding:0 10px}.project-body h2{font-size:1.4rem}.project-body h3{font-size:1.2rem}}.showcase-modern{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#f1f5f9);font-family:Poppins,sans-serif}.showcase-header-modern{position:sticky;top:0;z-index:50;width:100%;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.showcase-nav{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 1rem}.showcase-logo{text-decoration:none}.logo-text{font-size:1.25rem;font-weight:700;color:#1e293b}.logo-text .accent{color:#ef8354}.showcase-hero-modern{padding:6rem 1rem;text-align:center}.hero-content{max-width:800px;margin:0 auto;opacity:0;transform:translateY(20px);transition:all 1s ease-out}.hero-content.visible{opacity:1;transform:translateY(0)}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#1e293b,#475569 50%,#ef8354);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease-in-out infinite}.hero-subtitle{font-size:1.25rem;color:#64748b;margin-bottom:2rem;line-height:1.6}.hero-meta{justify-content:center;gap:1rem;font-size:.875rem;color:#64748b}.hero-meta,.meta-item{display:flex;align-items:center}.meta-item{gap:.5rem}.separator{width:1px;height:1rem;background:#cbd5e1}.showcase-projects-modern{padding:4rem 1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.project-card-modern{background:white;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:slideInUp .6s ease-out forwards;position:relative}.project-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.project-card-modern.unavailable{opacity:.7}.card-header{padding:1.5rem 1.5rem 1rem}.title-section{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.card-title{font-size:1.125rem;font-weight:600;color:#1e293b;transition:color .3s ease;margin:0}.project-card-modern:hover .card-title{color:#ef8354}.external-icon{font-size:1rem;color:#94a3b8;transition:color .3s ease}.project-card-modern:hover .external-icon{color:#ef8354}.meta-section{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.separator-small{width:1px;height:.75rem;background:#cbd5e1}.card-content{padding:0 1.5rem 1rem}.card-description{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}.card-footer{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.tags-section{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .75rem;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:500;border-radius:9999px}.card-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.showcase-cta-modern{padding:6rem 1rem;background:linear-gradient(135deg,#1e293b,#334155);color:white}.cta-content{max-width:800px;margin:0 auto;text-align:center;opacity:0;transform:translateY(20px);transition:all 1s ease-out .3s}.cta-content.visible{opacity:1;transform:translateY(0)}.cta-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.cta-subtitle{font-size:1.25rem;color:#cbd5e1;margin-bottom:2rem;line-height:1.6}.cta-button-wrapper{margin-top:1rem}.showcase-footer-modern{padding:2rem 1rem;background:white;border-top:1px solid #e2e8f0;text-align:center}.showcase-footer-modern p{font-size:.875rem;color:#64748b;margin:0}.icon-sm{width:1rem;height:1rem;margin-right:.5rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:768px){.showcase-nav{flex-direction:column;gap:1rem;padding:1rem;height:auto}.hero-title{font-size:2.5rem}.hero-meta{flex-direction:column;gap:.5rem}.separator{display:none}.projects-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}