@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Syne:wght@700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050510;--bg-2: #0b0b1e;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-2: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .22);--violet: #7c6af7;--pink: #e879f9;--cyan: #22d3ee;--green: #4ade80;--text-1: #f0f0ff;--text-2: rgba(240, 240, 255, .55);--text-3: rgba(240, 240, 255, .28);--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px}[data-theme=light]{--bg: #fdfdfd;--bg-2: #f3f4f6;--glass-bg: rgba(255, 255, 255, .75);--glass-bg-2: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(0, 0, 0, .15);--text-1: #0f172a;--text-2: #334155;--text-3: #64748b;--violet: #6d28d9;--pink: #db2777}[data-theme=stranger]{--bg: #080305;--bg-2: #110109;--glass-bg: rgba(80, 0, 20, .25);--glass-bg-2: rgba(100, 0, 25, .4);--glass-border: rgba(220, 30, 60, .18);--glass-border-hover: rgba(220, 30, 60, .4);--violet: #e01030;--pink: #ff2255;--cyan: #39ff6e;--green: #ff2200;--text-1: #f5ddd5;--text-2: rgba(245, 180, 160, .7);--text-3: rgba(245, 150, 130, .35)}[data-theme=stranger] body:before{content:"";position:fixed;inset:0;z-index:9600;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 4px);animation:scanFlicker 8s steps(1) infinite}@keyframes scanFlicker{0%,92%,96%,98%,to{opacity:1}93%{opacity:.85}97%{opacity:.92}99%{opacity:.78}}[data-theme=stranger] .hero-title,[data-theme=stranger] .section-title,[data-theme=stranger] .contact-title{text-shadow:0 0 20px rgba(220,30,60,.5),0 0 60px rgba(220,30,60,.2);animation:stFlicker 6s ease-in-out infinite}@keyframes stFlicker{0%,85%,89%,93%,to{text-shadow:0 0 20px rgba(220,30,60,.5),0 0 60px rgba(220,30,60,.2)}86%{text-shadow:0 0 35px rgba(220,30,60,.9),0 0 80px rgba(220,30,60,.5)}90%{text-shadow:0 0 10px rgba(220,30,60,.3)}94%{text-shadow:0 0 40px rgba(220,30,60,1),0 0 100px rgba(220,30,60,.6)}}[data-theme=stranger] .grad,[data-theme=stranger] .hero-title .grad,[data-theme=stranger] .text-grad{background:linear-gradient(135deg,#e01030,#f53,#39ff6e)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme=stranger] .hero-aurora{background:radial-gradient(ellipse 70% 60% at 20% 40%,rgba(200,10,40,.35) 0%,transparent 65%),radial-gradient(ellipse 55% 50% at 80% 65%,rgba(57,255,110,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 55% 15%,rgba(180,0,60,.2) 0%,transparent 55%);filter:blur(70px)}[data-theme=stranger] .navbar-pill{background:#0f0206eb;border-color:#c8143240;box-shadow:0 0 30px #c8143226,0 4px 20px #0009}[data-theme=stranger] .nav-cta-pill{background:linear-gradient(135deg,#cc0020,#f24);box-shadow:0 4px 18px #c8001e73}[data-theme=stranger] .nav-logo-pill{color:#e01030}[data-theme=stranger] .project-card,[data-theme=stranger] .timeline-card,[data-theme=stranger] .exp-flip-front,[data-theme=stranger] .exp-flip-back{background:#140208d9;border-color:#c8143233;box-shadow:0 4px 30px #c800281f}[data-theme=stranger] .project-card:hover{border-color:#c8143273;box-shadow:0 8px 40px #c800284d}[data-theme=stranger] .skill-pill{background:#b4001e1f;border-color:#c8143240;color:#f5bba0}[data-theme=stranger] .skill-pill:hover{background:#b4001e4d;color:#fff}[data-theme=stranger] .status-dot{background:#e01030;box-shadow:0 0 0 2px #dc14324d;animation:stDot 1.5s ease-in-out infinite}@keyframes stDot{0%,to{box-shadow:0 0 0 2px #dc14324d}50%{box-shadow:0 0 0 6px #dc143200;background:#f44}}[data-theme=stranger] .section-num{color:#c8143259}[data-theme=stranger] .scroll-progress-fill{background:linear-gradient(90deg,#cc0020,#f44,#39ff6e)}[data-theme=stranger] .cursor-ring{background:conic-gradient(from 0deg,#e01030,#f53,#39ff6e,#e01030)}[data-theme=stranger] .section-eyebrow:after{content:" 🔴🟡🟢🔵🟠";font-size:.6rem;letter-spacing:2px;opacity:.7;animation:lightBlink 1.8s steps(1) infinite}@keyframes lightBlink{0%,45%,55%,to{opacity:.7}50%{opacity:.3}}[data-theme=stranger] .social-pill{background:#b4001e1f;border-color:#c814324d;color:#f5bba0}[data-theme=stranger] .social-pill:hover{background:#b4001e4d;color:#fff}[data-theme=stranger] .contact-card{background:#0f0206d9;border-color:#c8143240}[data-theme=stranger] .section-dot-active{background:#e01030;box-shadow:0 0 10px #dc1432cc}[data-theme=stranger] .mobile-nav{background:#0a0205f7;border-color:#c8143233}[data-theme=stranger] .mobile-nav-item.active .mobile-nav-icon{color:#e01030;filter:drop-shadow(0 0 6px rgba(220,20,50,.8))}[data-theme=light] .navbar-pill{background:#ffffffd9;border-color:#0000000f;box-shadow:0 4px 20px #0000000f,inset 0 1px #fffc}[data-theme=light] .nav-link-pill:hover{background:#0000000d}[data-theme=light] .nav-mobile-dropdown{background:#fffffff2;border-color:#00000014;box-shadow:0 10px 40px #0000001a}[data-theme=light] .nav-mobile-link:hover{background:#0000000a}[data-theme=light] .hero-stat-chip,[data-theme=light] .cert-group,[data-theme=light] .contact-card{background:#fff9;border-color:#0000000f}[data-theme=light] .project-card,[data-theme=light] .timeline-card{background:#fff;border-color:#0000000f;box-shadow:0 4px 20px #0000000a}[data-theme=light] .hero-photo-card:after{background:linear-gradient(to top,rgba(240,240,255,.25) 0%,transparent 50%)}[data-theme=light] .about-photo-wrap:after{background:linear-gradient(to top,rgba(240,240,255,.2) 0%,transparent 50%)}[data-theme=light] .hero-stat-chip{background:#ffffffbf;border-color:#00000014;color:var(--text-2)}[data-theme=light] .hero-stat-chip span{color:var(--text-1)}[data-theme=light] .hero-photo-card{box-shadow:0 16px 48px #0000001f,inset 0 1px #ffffffe6;border-color:#00000014}[data-theme=light] .about-photo-wrap{box-shadow:0 20px 60px #0000001a;border-color:#00000012}[data-theme=light] .hero-title .grad,[data-theme=light] .text-grad{background:linear-gradient(135deg,#6d28d9,#db2777 60%,#0891b2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .nav-icon{stroke:var(--text-2)}[data-theme=light] .nav-link-pill:hover .nav-icon,[data-theme=light] .nav-link-pill.active .nav-icon{stroke:var(--violet)}[data-theme=light] .nav-label{color:var(--text-1);font-weight:600}[data-theme=light] .section-num{-webkit-text-stroke:1px rgba(0,0,0,.08)}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.hero-photo-card img,.about-photo-wrap img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.flip-card-outer,.flip-card-wrapper,.exp-flip-card,.section-title,.section-eyebrow,.exp-eyebrow,.exp-title,.cert-eyebrow,.cert-title{will-change:transform,opacity;transform:translateZ(0)}.flip-card-front,.exp-flip-front{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#7c6af766;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--violet)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(124,106,247,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(232,121,249,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 50% 50%,rgba(34,211,238,.04) 0%,transparent 70%)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");opacity:.6}.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(100px);animation:orbFloat 12s ease-in-out infinite}.orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(124,106,247,.15),transparent 70%);top:-300px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(232,121,249,.1),transparent 70%);bottom:-200px;right:-150px;animation-delay:-6s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(34,211,238,.06),transparent 70%);top:50%;left:60%;animation-delay:-3s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.97)}}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border)}.glass-hover{transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.glass-hover:hover{background:var(--glass-bg-2);border-color:var(--glass-border-hover);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff14;transform:translateY(-3px)}.page-wrapper{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:0 1.5rem}.navbar-outer{position:fixed;bottom:2rem;left:0;right:0;z-index:200;display:flex;justify-content:center;pointer-events:none}.navbar-pill{pointer-events:all;display:flex;align-items:center;gap:.25rem;padding:.45rem .6rem;border-radius:var(--r-pill);background:#080818b8;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff0f}.nav-mobile-dropdown{position:fixed;bottom:5.5rem;right:1.5rem;width:200px;background:#080818e6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;opacity:0;pointer-events:none;transform:translateY(10px) scale(.95);transform-origin:bottom right;transition:opacity .3s,transform .3s;z-index:201;box-shadow:0 -8px 30px #00000080}.nav-logo-pill{font-family:Syne,sans-serif;font-size:.9375rem;font-weight:800;letter-spacing:-.02em;padding:.35rem .9rem;margin-right:.25rem;color:var(--text-1)}.nav-logo-pill span{color:var(--violet)}.nav-divider{width:1px;height:18px;background:#ffffff1f;margin:0 .25rem}.nav-link-pill{position:relative;z-index:2;font-size:.8rem;font-weight:500;color:var(--text-2);padding:.5rem .6rem;border-radius:var(--r-pill);transition:color .3s;white-space:nowrap;display:flex;align-items:center;background:transparent}.nav-link-pill:hover,.nav-link-pill.active{color:var(--text-1)}.nav-backdrop{position:absolute;top:.4rem;left:0;height:calc(100% - .8rem);background:linear-gradient(135deg,#7c6af766,#a435f040);border-radius:var(--r-pill);z-index:1;transition:left .5s cubic-bezier(.5,0,.1,1),width .5s cubic-bezier(.5,0,.1,1),opacity .3s ease;box-shadow:0 0 20px #7c6af74d,inset 0 0 0 1px #ffffff1a;opacity:0}.nav-backdrop.visible{opacity:1}.nav-link-pill.active{color:#fff;text-shadow:0 0 8px rgba(124,106,247,.6)}.nav-link-pill.active svg{transform:scale(1.1);color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.nav-link-pill svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-icon{flex-shrink:0;margin-right:.5rem}.nav-label{display:block;font-weight:500;white-space:nowrap}.nav-cta-pill{font-size:.775rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink));padding:.4rem 1rem;border-radius:var(--r-pill);margin-left:.25rem;transition:opacity .2s,box-shadow .2s;box-shadow:0 2px 12px #7c6af759}.nav-cta-pill:hover{opacity:.88;box-shadow:0 4px 20px #7c6af780}.nav-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:6px;margin-left:.5rem;cursor:pointer;z-index:202}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--text-2);border-radius:2px;transition:all .3s}.nav-mobile-dropdown{position:fixed;top:70px;right:1.5rem;width:200px;background:#080818e6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;opacity:0;pointer-events:none;transform:translateY(-10px) scale(.95);transition:opacity .3s,transform .3s;z-index:201;box-shadow:0 16px 40px #00000080}.nav-mobile-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.nav-mobile-link{font-size:.9rem;font-weight:500;color:var(--text-2);padding:.6rem 1rem;border-radius:var(--r-sm);transition:background .2s,color .2s}.nav-mobile-link:hover{background:#ffffff14;color:var(--text-1)}@media(max-width:768px){.nav-link-pill,.nav-divider{display:none}.nav-hamburger{display:flex}}.section{padding:6rem 0}.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin-bottom:1rem}.section-eyebrow:before{content:"";display:block;width:20px;height:1px;background:var(--violet);opacity:.6}.section-title{font-family:Syne,sans-serif;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.25rem}.section-body{font-size:.9375rem;color:var(--text-2);line-height:1.8;max-width:640px}.section-divider{border:none;border-top:1px solid var(--glass-border);margin:5rem 0}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:0;padding-bottom:3rem;position:relative;gap:0}.hero-cursor-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,106,247,.12),transparent 65%);pointer-events:none;filter:blur(50px);transform:translate(-50%,-50%);z-index:0;transition:opacity .5s}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center}.hero-left{display:flex;flex-direction:column;gap:1.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--text-2);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.3rem .85rem .3rem .5rem;border-radius:var(--r-pill);width:fit-content}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #4ade8040;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #4ade8040}50%{box-shadow:0 0 0 5px #4ade8000}}.hero-title{font-family:Syne,sans-serif;font-size:clamp(2.75rem,7vw,5rem);font-weight:800;letter-spacing:-.05em;line-height:1.02}.hero-title .grad{background:linear-gradient(135deg,var(--violet) 0%,var(--pink) 60%,var(--cyan) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:1rem;color:var(--text-2);line-height:1.8;max-width:520px}.hero-sub strong{color:var(--text-1);font-weight:600}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap}.hero-photo-card{width:240px;border-radius:var(--r-xl);overflow:hidden;position:relative;flex-shrink:0;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 80px #0000008c,inset 0 1px #ffffff0f;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-photo-card img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s ease}.hero-photo-card:hover img{transform:scale(1.04)}.hero-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,16,.6) 0%,transparent 50%);pointer-events:none}.hero-stats{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:2;display:flex;flex-direction:column;gap:.4rem}.hero-stat-chip{background:#080818bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-sm);padding:.45rem .75rem;font-size:.74rem;font-weight:500;color:var(--text-2);display:flex;align-items:center;gap:.4rem}.hero-stat-chip span{color:var(--text-1);font-weight:600}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,var(--violet),var(--pink));color:#fff;font-size:.8125rem;font-weight:600;padding:.7rem 1.4rem;border-radius:var(--r-pill);border:none;box-shadow:0 4px 20px #7c6af759;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);opacity:.9;box-shadow:0 8px 30px #7c6af780}.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-2);font-size:.8125rem;font-weight:500;padding:.7rem 1.4rem;border-radius:var(--r-pill);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,border-color .2s,color .2s,transform .2s}.btn-ghost:hover{background:#ffffff17;border-color:#fff3;color:var(--text-1);transform:translateY(-2px)}.about-grid{display:grid;grid-template-columns:1fr 340px;gap:4rem;align-items:start}.about-photo-wrap{border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 40px 100px #0000008c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;position:relative;transition:transform .4s,box-shadow .4s}.about-photo-wrap:hover{transform:translateY(-6px);box-shadow:0 50px 120px #0009,0 0 0 1px #7c6af74d}.about-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.about-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,16,.5) 0%,transparent 50%);pointer-events:none}.about-content{display:flex;flex-direction:column;gap:1.75rem}.skills-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.skill-pill{font-size:.74rem;font-weight:500;color:var(--text-2);background:#ffffff0d;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.3rem .8rem;border-radius:var(--r-pill);transition:background .2s,border-color .2s,color .2s,box-shadow .2s;cursor:default}.skill-pill:hover{background:#7c6af71a;border-color:#7c6af759;color:var(--text-1);box-shadow:0 0 14px #7c6af71f}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.exp-col-label{font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:1.5rem}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-card{background:#ffffff0a;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-lg);padding:1.5rem 1.75rem;position:relative;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}.timeline-card:hover{background:#ffffff12;border-color:#7c6af740;transform:translate(4px);box-shadow:0 8px 40px #00000059}.timeline-card:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:linear-gradient(to bottom,var(--violet),var(--pink));border-radius:2px;opacity:0;transition:opacity .3s}.timeline-card:hover:before{opacity:1}.tc-period{font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--violet);margin-bottom:.4rem;text-transform:uppercase}.tc-role{font-size:.975rem;font-weight:600;margin-bottom:.2rem;color:var(--text-1)}.tc-company{font-size:.85rem;color:var(--text-2);margin-bottom:.2rem}.tc-location{font-size:.775rem;color:var(--text-3)}.projects-grid{display:grid;gap:1.25rem}.project-card{background:#ffffff0a;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-xl);padding:2.25rem 2.5rem;position:relative;overflow:hidden;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;cursor:pointer}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c6af70f,#e879f908);opacity:0;transition:opacity .35s;pointer-events:none}.project-card:hover:before{opacity:1}.project-card:hover{background:#fff1;border-color:#7c6af74d;transform:translateY(-4px);box-shadow:0 24px 64px #00000073,0 0 0 1px #7c6af71f}.project-card:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,106,247,.5),transparent);opacity:0;transition:opacity .3s}.project-card:hover:after{opacity:1}.project-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.project-title{font-size:1.075rem;font-weight:700;letter-spacing:-.01em}.project-arrow{font-size:1.25rem;color:var(--text-3);flex-shrink:0;transition:color .2s,transform .25s}.project-card:hover .project-arrow{color:var(--violet);transform:translate(4px,-4px)}.project-period{font-size:.775rem;color:var(--text-3);margin-bottom:.75rem}.project-desc{font-size:.9rem;color:var(--text-2);line-height:1.75;margin-bottom:1.25rem}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.proj-tag{font-size:.7rem;font-weight:600;color:var(--violet);background:#7c6af71a;border:1px solid rgba(124,106,247,.22);padding:.25rem .7rem;border-radius:var(--r-pill);letter-spacing:.03em}.certs-groups{display:flex;flex-direction:column;gap:1.25rem}.cert-group{background:#ffffff0a;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden;transition:border-color .3s,box-shadow .3s}.cert-group:hover{border-color:#ffffff24;box-shadow:0 16px 50px #00000059}.cert-group-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff06}.cert-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.cert-group-label{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);flex:1}.cert-group-count{font-size:.68rem;font-weight:600;color:var(--text-3);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:.15rem .55rem;border-radius:var(--r-pill)}.cert-rows{display:flex;flex-direction:column}.cert-row{display:flex;align-items:center;gap:1.25rem;padding:.9rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s;position:relative;overflow:hidden}.cert-row:last-child{border-bottom:none}.cert-row:hover{background:#ffffff0a}.cert-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--violet),var(--pink));opacity:0;transition:opacity .25s}.cert-row:hover:before{opacity:1}.cert-row-num{font-family:Syne,sans-serif;font-size:.68rem;font-weight:700;color:var(--text-3);width:24px;flex-shrink:0;letter-spacing:.04em}.cert-row-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-1);line-height:1.4}.cert-row-badge{font-size:.68rem;font-weight:600;color:var(--text-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.2rem .65rem;border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:.35rem;transition:color .2s,border-color .2s,background .2s}.cert-row-badge:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--dot, rgba(255, 255, 255, .3));flex-shrink:0}.cert-row:hover .cert-row-badge{color:var(--text-2);border-color:#ffffff24;background:#ffffff12}@media(max-width:560px){.cert-row{gap:.75rem;padding:.9rem 1.25rem}.cert-row-badge{display:none}}.contact-card{background:#ffffff0a;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);padding:4rem 3rem;text-align:center;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(124,106,247,.15),transparent 65%);pointer-events:none;filter:blur(30px)}.contact-card:after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--violet),var(--pink),transparent)}.contact-title{font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.04em;margin-bottom:1rem}.contact-sub{font-size:1rem;color:var(--text-2);max-width:460px;margin:0 auto 2rem;line-height:1.75}.contact-email{display:inline-block;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-1);border-bottom:1px solid rgba(124,106,247,.4);padding-bottom:2px;transition:color .2s,border-color .2s;margin-bottom:2.5rem}.contact-email:hover{color:var(--violet);border-color:var(--violet)}.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}.social-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-2);background:#ffffff0d;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.55rem 1.1rem;border-radius:var(--r-pill);transition:background .2s,border-color .2s,color .2s,transform .2s}.social-pill:hover{background:#7c6af71a;border-color:#7c6af759;color:var(--text-1);transform:translateY(-2px)}.footer{position:relative;z-index:1;text-align:center;padding:2rem 1.5rem 3rem;font-size:.8125rem;color:var(--text-3);border-top:1px solid rgba(255,255,255,.05)}.footer a{color:var(--violet);transition:opacity .2s}.footer a:hover{opacity:.8}@media(max-width:820px){.hero-inner{grid-template-columns:1fr}.hero-photo-card{width:180px;margin:0 auto}.about-grid{grid-template-columns:1fr}.about-photo-wrap{max-height:340px;aspect-ratio:4/3}.about-photo-wrap img{aspect-ratio:4/3}.exp-grid{grid-template-columns:1fr}}@media(max-width:640px){.navbar-pill{gap:0}.nav-link-pill,.nav-divider{display:none}.nav-hamburger{display:flex}.section{padding:4rem 0}.project-card{padding:1.75rem}.contact-card{padding:2.5rem 1.5rem}}.nav-mobile-dropdown{position:fixed;top:5.5rem;left:1rem;right:1rem;background:#080818eb;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:1rem;display:none;flex-direction:column;gap:.25rem;z-index:199;box-shadow:0 20px 60px #0009}.nav-mobile-dropdown.open{display:flex}.nav-mobile-link{font-size:.9375rem;font-weight:500;color:var(--text-2);padding:.75rem 1rem;border-radius:var(--r-md);transition:background .2s,color .2s}.nav-mobile-link:hover{background:#ffffff0f;color:var(--text-1)}.project-card,.timeline-card,.cert-card,.contact-card,.hero-photo-card{overflow:hidden}.project-card,.timeline-card,.cert-card{position:relative}@keyframes shimmer-sweep{0%{transform:translate(-120%) skew(-12deg)}to{transform:translate(220%) skew(-12deg)}}.project-card:hover .shimmer-sweep,.timeline-card:hover .shimmer-sweep,.cert-card:hover .shimmer-sweep{animation:shimmer-sweep .65s ease forwards}.shimmer-sweep{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none;transform:translate(-120%) skew(-12deg);z-index:10}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(124,106,247,.35) 30%,rgba(232,121,249,.25) 70%,transparent 100%);margin:5rem 0}.section-num{font-family:Syne,sans-serif;font-size:clamp(5rem,12vw,9rem);font-weight:800;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:-.2em;right:0;z-index:0}.section-title-wrap{position:relative}.hero-stats-row{display:flex;gap:2rem;margin-top:.5rem;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:.15rem}.hero-stat-num{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--violet),var(--pink));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-stat-label{font-size:.74rem;color:var(--text-3);font-weight:500;letter-spacing:.04em}.hero-stat-sep{width:1px;height:36px;background:#ffffff14;align-self:center}.text-grad{background:linear-gradient(135deg,var(--violet),var(--pink));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cert-issuer-row{display:flex;align-items:center;gap:.4rem;margin-top:.4rem}.cert-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cert-dot-udemy{background:#a435f0}.cert-dot-oracle{background:#f80000}.cert-dot-ibm{background:#0f62fe}.cert-dot-coursera{background:#0056d2}.cert-dot-ms{background:#00a4ef}.cert-dot-other{background:#ffffff40}.project-card:hover{box-shadow:0 24px 64px #00000073,0 0 0 1px #7c6af72e,inset 0 1px #ffffff14,0 0 60px #7c6af70f}.timeline-card:hover{box-shadow:0 8px 40px #00000059,inset 0 1px #ffffff0f,0 0 30px #7c6af70d}.navbar-pill:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,106,247,.4),transparent);opacity:0;transition:opacity .4s}.hero-photo-card .hero-stats{gap:.5rem}.hero-title em{font-style:normal;color:var(--text-2)}.status-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(74,222,128,.4);animation:ring-pulse 2s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}.status-dot{position:relative}.back-to-top{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-3);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);padding:.45rem 1rem;border-radius:var(--r-pill);transition:color .2s,background .2s,border-color .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-top:hover{color:var(--text-1);background:#ffffff12;border-color:#ffffff24}.footer{position:relative;padding:3rem 0 8rem;text-align:center;font-size:.875rem;color:var(--text-3)}.footer:before{content:"";position:absolute;top:0;left:30%;right:30%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,106,247,.3),rgba(232,121,249,.2),transparent)}.about-content{gap:2rem}.contact-card{transition:box-shadow .4s}.contact-card:hover{box-shadow:0 40px 100px #00000080,0 0 80px #7c6af714,inset 0 1px #ffffff1a}.social-pill span{font-size:1rem}@media(max-width:640px){.hero-stats-row{gap:1.25rem}.hero-stat-num{font-size:1.4rem}.section-num{font-size:4rem}}.cert-list-stack{display:flex;flex-direction:column;gap:.75rem;perspective:1000px}.flip-card-wrapper{position:relative;background:transparent;width:100%;height:64px;perspective:1000px;cursor:pointer;transition:height .5s cubic-bezier(.4,0,.2,1)}.flip-card-wrapper.flipped{height:220px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:left;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:var(--r-md)}.flip-card-wrapper.flipped .flip-card-inner{transform:rotateX(180deg)}.flip-card-front{position:absolute;width:100%;height:64px;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--r-md);display:flex;align-items:center;padding:0 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.flip-card-front.cert-row-face{justify-content:flex-start;gap:1.5rem}.flip-card-wrapper:hover .flip-card-front{background:#ffffff0f;border-color:#ffffff1f;transform:translate(6px);transition:transform .3s,background .3s}.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(180deg);background:#0f0f1cf2;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.cert-row-num{font-family:Syne,sans-serif;font-size:.9rem;color:var(--text-3);font-weight:600;width:24px}.cert-row-name{flex-grow:1;font-size:.95rem;color:var(--text-1);font-weight:500}.cert-row-badge{font-size:.75rem;padding:.3rem .8rem;border-radius:var(--r-pill);background:#ffffff14;color:var(--text-2)}.click-hint-icon{opacity:0;transform:translate(-10px);transition:all .3s}.flip-card-wrapper:hover .click-hint-icon{opacity:1;transform:translate(0)}.fc-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.fc-back-content{height:100%;display:flex;flex-direction:column}.fc-desc{font-size:.9rem;line-height:1.5;color:var(--text-2);flex-grow:1}.fc-skills{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.fc-link-btn{margin-top:1rem;align-self:flex-start}@media(max-width:768px){.nav-hamburger,.nav-mobile-dropdown{display:none!important}.nav-link-pill{display:flex!important;padding:.6rem .8rem;flex-shrink:0}.navbar-pill{width:90vw;max-width:100%;overflow-x:auto;justify-content:flex-start;padding-right:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.navbar-pill::-webkit-scrollbar{display:none}.nav-logo-pill,.nav-cta-pill,.nav-divider{flex-shrink:0}.hero-inner{flex-direction:column-reverse;gap:2.5rem;padding-top:2rem}.hero-photo-card{width:100%;max-width:340px;margin:0 auto}.hero-left{align-items:center;text-align:center}.hero-cta,.hero-stats-row{justify-content:center}.hero-title{font-size:2.5rem}}html,body{overflow-x:hidden;width:100%;position:relative}[data-theme=light] .flip-card-back{background:#fff!important;border-color:#0000001a;box-shadow:0 10px 40px #0000001a}[data-theme=light] .flip-card-front{background:#fff;border-color:#00000014}[data-theme=light] .flip-card-wrapper:hover .flip-card-front{background:#f8fafc;border-color:#00000026}[data-theme=light] .fc-header{border-bottom:1px solid rgba(0,0,0,.08)}@media(max-width:768px){.section-title{font-size:2rem;text-align:center}.section-body{font-size:.95rem;text-align:center;margin-left:auto;margin-right:auto}.hero-inner{grid-template-columns:1fr;display:flex;flex-direction:column-reverse;gap:2rem;padding-top:2rem}.hero-photo-card{width:100%;max-width:300px;margin:0 auto;aspect-ratio:3/4}.hero-left{align-items:center;text-align:center}.hero-cta,.hero-stats-row{justify-content:center}.hero-title{font-size:2.5rem}.about-grid{grid-template-columns:1fr;gap:3rem}.about-photo-wrap{order:-1;width:80%;max-width:280px;margin:0 auto;aspect-ratio:3/4}.skills-wrap{justify-content:center}.exp-grid,.projects-grid{grid-template-columns:1fr;gap:2rem}.project-card{padding:1.5rem}.project-title{font-size:1.25rem}.cert-list-stack{gap:1rem}.flip-card-front{padding:0 1rem}.cert-row-name{font-size:.9rem}.contact-grid{grid-template-columns:1fr}.contact-card{padding:2.5rem 1.5rem}.contact-title{font-size:2rem}.contact-email{font-size:1rem;word-break:break-all}.footer{padding-bottom:7rem}}.nav-home-icon{display:none}@media(max-width:768px){.nav-home-icon{display:none}.nav-label,.nav-logo-text,.nav-cta-pill,.nav-divider,.nav-hamburger,.nav-mobile-dropdown{display:none!important}.nav-home-icon{display:block!important}.navbar-outer{padding:0;align-items:flex-end;padding-bottom:.65rem}.navbar-pill{width:calc(100% - 2.5rem)!important;max-width:420px!important;margin:0 auto .75rem!important;border-radius:999px!important;padding:.15rem .4rem;justify-content:space-around;gap:0;background:#080816eb!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 30px #00000080!important}.nav-backdrop{display:none!important}.nav-link-pill,.nav-logo-pill{flex:1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:.28rem .15rem!important;border-radius:10px;background:transparent!important;color:#ffffff80;transition:color .2s,background .2s;min-width:0}.nav-icon-wrap{margin-right:0!important}.nav-link-pill svg,.nav-logo-pill svg{width:13px;height:13px}.nav-link-pill.active,.nav-logo-pill.active{background:#ffffff1f!important;color:#fff!important;border-radius:10px}.nav-link-pill:hover,.nav-logo-pill:hover{background:#ffffff12!important;color:#ffffffd9}[data-theme=light] .navbar-pill{background:#ffffffeb!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 4px 24px #0000001f!important}[data-theme=light] .nav-link-pill,[data-theme=light] .nav-logo-pill{color:#00000073}[data-theme=light] .nav-link-pill.active,[data-theme=light] .nav-logo-pill.active{background:#00000014!important;color:#000000e6!important}[data-theme=light] .nav-link-pill:hover,[data-theme=light] .nav-logo-pill:hover{background:#0000000d!important;color:#000000b3}.hero-inner{display:flex;flex-direction:column-reverse;padding-top:2rem;gap:2rem}.hero-photo-card{width:100%;max-width:280px;margin:0 auto;aspect-ratio:3/4}.hero-title{font-size:2.2rem;text-align:center}.section-body{text-align:center;margin:0 auto}.hero-left{align-items:center;text-align:center}.hero-cta,.hero-stats-row{justify-content:center}.about-grid,.exp-grid,.projects-grid,.contact-grid{grid-template-columns:1fr;gap:2.5rem}.about-photo-wrap{order:-1;width:80%;margin:0 auto;max-width:280px}.hero-photo-card{width:100%;max-width:300px;margin:0 auto;height:380px}.about-photo-wrap{height:340px}.flip-card-wrapper{perspective:none!important;height:auto!important;min-height:auto!important;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:.75rem;overflow:hidden;transition:background .3s,border-color .3s}.flip-card-wrapper.flipped{background:#0f0f1cf2!important;border-color:#7c6af780!important;box-shadow:0 8px 32px #00000080}[data-theme=light] .flip-card-wrapper{background:#00000008;border-color:#00000014}[data-theme=light] .flip-card-wrapper.flipped{background:#fff!important;border-color:#7c6af759!important;box-shadow:0 8px 32px #0000001a!important}[data-theme=light] .flip-card-back{border-top-color:#00000014!important}[data-theme=light] .cert-row-name,[data-theme=light] .cert-row-num{color:var(--text-1)}[data-theme=light] .fc-desc{color:var(--text-2)}[data-theme=light] .fc-skills span{background:#7c6af71a;border-color:#7c6af740}[data-theme=light] .fc-link-btn{background:#7c6af71a;border-color:#7c6af74d}.flip-card-inner{transform:none!important;transition:none!important;position:relative!important;width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important}.flip-card-front{position:relative!important;width:100%!important;height:auto!important;min-height:56px;padding:.85rem 1.25rem!important;background:transparent!important;border:none!important;transform:none!important;opacity:1!important;backface-visibility:visible!important;display:flex!important;align-items:center;gap:1rem}.click-hint-icon{display:none!important}.cert-row-num{color:var(--text-3);font-size:.8rem}.cert-row-badge{font-size:.7rem!important;padding:.2rem .6rem!important}.flip-card-back{position:relative!important;transform:none!important;inset:auto!important;width:100%!important;height:auto!important;opacity:1!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0 1.25rem 1.5rem!important;border-top:1px solid rgba(255,255,255,.1)!important;display:none}.flip-card-wrapper.flipped .flip-card-back{display:flex!important;flex-direction:column;animation:accordionFadeIn .25s ease}@keyframes accordionFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fc-header{padding-top:1rem;margin-bottom:.75rem}.fc-desc{font-size:.9rem;line-height:1.6}.fc-skills span{font-size:.75rem;padding:.25rem .65rem;border-radius:999px;background:#7c6af726;border:1px solid rgba(124,106,247,.3);color:var(--text-2)}.fc-link-btn{margin-top:1rem;font-size:.85rem;padding:.6rem 1.2rem;border-radius:999px;background:#7c6af726;border:1px solid rgba(124,106,247,.35);color:var(--violet);font-weight:600;align-self:flex-start}.footer{padding-bottom:90px}}.exp-cards-stack{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.exp-flip-card{perspective:900px;height:180px;cursor:pointer}.exp-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,.2,.2,1);border-radius:16px}.exp-flip-card.exp-flipped .exp-flip-inner{transform:rotateY(180deg)}.exp-flip-front,.exp-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem}.exp-flip-front{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #0000004d;transition:background .3s,border-color .3s}.exp-flip-card:hover{transform:translateY(-3px)}.exp-flip-icon{font-size:2rem;flex-shrink:0;filter:drop-shadow(0 0 12px rgba(255,255,255,.2))}.exp-flip-front-body{display:flex;flex-direction:column;gap:.25rem;flex:1}.exp-flip-role{font-size:1rem;font-weight:700;color:var(--text-1);line-height:1.3}.exp-flip-company{font-size:.85rem;color:var(--text-2);font-weight:500}.exp-flip-period{display:inline-block;margin-top:.4rem;font-size:.72rem;font-weight:600;color:var(--text-3);background:#ffffff12;padding:.2rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);align-self:flex-start}.exp-flip-trigger-icon{flex-shrink:0;opacity:.25;color:var(--text-3);transition:opacity .3s,transform .4s}.exp-flip-card:hover .exp-flip-trigger-icon{opacity:.7;transform:rotate(180deg)}.exp-flip-back{transform:rotateY(180deg);background:linear-gradient(135deg,#0f0f1efa,#141428fa);border:1px solid color-mix(in srgb,var(--exp-color, #7c6af7) 40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--exp-color, #7c6af7) 20%,transparent),0 16px 48px #00000080,inset 0 1px #ffffff0f;flex-direction:column;align-items:flex-start;gap:.65rem}.exp-flip-back-header{display:flex;align-items:center;gap:.75rem;width:100%}.exp-flip-icon-back{font-size:1.5rem;flex-shrink:0}.exp-flip-back-role{font-size:.95rem;font-weight:700;color:var(--text-1)}.exp-flip-back-company{font-size:.82rem;color:var(--text-2);font-weight:500}.exp-flip-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.exp-tag{font-size:.72rem;font-weight:600;padding:.2rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--exp-color, #7c6af7) 20%,transparent);border:1px solid color-mix(in srgb,var(--exp-color, #7c6af7) 40%,transparent);color:color-mix(in srgb,var(--exp-color, #7c6af7) 90%,white)}.exp-flip-period-back{font-size:.72rem;font-weight:600;color:var(--text-3);margin-top:auto}[data-theme=light] .exp-flip-front{background:#ffffffbf;border-color:#00000012;box-shadow:0 4px 20px #0000000f}[data-theme=light] .exp-flip-back{background:linear-gradient(135deg,#fff,#f8f7ff);box-shadow:0 8px 32px #00000014}@media(max-width:768px){.exp-flip-card{perspective:none;height:auto;cursor:pointer}.exp-flip-inner{transform:none!important;transition:none;position:relative;width:100%;height:auto;display:flex;flex-direction:column}.exp-flip-front{position:relative;inset:auto;backface-visibility:visible;padding:1rem 1.25rem;gap:1rem;height:auto}.exp-flip-back{position:relative;inset:auto;transform:none;backface-visibility:visible;display:none;padding:1rem 1.25rem 1.25rem;flex-direction:column;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 16px 16px;animation:accordionFadeIn .25s ease}.exp-flip-card.exp-flipped .exp-flip-back{display:flex}.exp-flip-card.exp-flipped .exp-flip-front{border-radius:16px 16px 0 0}.exp-flip-hint{display:none}}.page-loader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .6s ease}.page-loader-out{opacity:0;pointer-events:none}.pl-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pl-logo{display:flex;gap:.25rem;font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;color:var(--text-1)}.pl-logo span:first-child{background:linear-gradient(135deg,#7c6af7,#db2777);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pl-bar-track{width:180px;height:3px;background:#ffffff14;border-radius:999px;overflow:hidden}.pl-bar-fill{height:100%;background:linear-gradient(90deg,#7c6af7,#db2777,#06b6d4);border-radius:999px;animation:plFill 1.6s ease forwards}@keyframes plFill{0%{width:0}to{width:100%}}.pl-tagline{font-size:.78rem;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}.scroll-progress-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:9998;background:transparent}.scroll-progress-fill{height:100%;background:linear-gradient(90deg,#7c6af7,#db2777,#06b6d4);border-radius:0 2px 2px 0;transition:width .08s linear;box-shadow:0 0 8px #7c6af799}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9997;will-change:transform}.cursor-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#7c6af7;transform-origin:center;rotate:45deg;transition:width .2s,height .2s,margin .2s,background .2s;border-radius:1px}.cursor-ring{width:28px;height:28px;margin:-14px 0 0 -14px;background:linear-gradient(#7c6af7 0 0) top left / 8px 2px no-repeat,linear-gradient(#7c6af7 0 0) top left / 2px 8px no-repeat,linear-gradient(#7c6af7 0 0) top right / 8px 2px no-repeat,linear-gradient(#7c6af7 0 0) top right / 2px 8px no-repeat,linear-gradient(#7c6af7 0 0) bottom left / 8px 2px no-repeat,linear-gradient(#7c6af7 0 0) bottom left / 2px 8px no-repeat,linear-gradient(#7c6af7 0 0) bottom right / 8px 2px no-repeat,linear-gradient(#7c6af7 0 0) bottom right / 2px 8px no-repeat;transition:width .25s,height .25s,margin .25s,background .2s}.cursor-dot.cursor-hover{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:#e879f9}.cursor-ring.cursor-hover{width:44px;height:44px;margin:-22px 0 0 -22px;background:linear-gradient(#e879f9 0 0) top left / 11px 2px no-repeat,linear-gradient(#e879f9 0 0) top left / 2px 11px no-repeat,linear-gradient(#e879f9 0 0) top right / 11px 2px no-repeat,linear-gradient(#e879f9 0 0) top right / 2px 11px no-repeat,linear-gradient(#e879f9 0 0) bottom left / 11px 2px no-repeat,linear-gradient(#e879f9 0 0) bottom left / 2px 11px no-repeat,linear-gradient(#e879f9 0 0) bottom right / 11px 2px no-repeat,linear-gradient(#e879f9 0 0) bottom right / 2px 11px no-repeat}[data-theme=stranger] .cursor-dot{background:#e01030}[data-theme=stranger] .cursor-ring{background:linear-gradient(#e01030 0 0) top left / 8px 2px no-repeat,linear-gradient(#e01030 0 0) top left / 2px 8px no-repeat,linear-gradient(#e01030 0 0) top right / 8px 2px no-repeat,linear-gradient(#e01030 0 0) top right / 2px 8px no-repeat,linear-gradient(#e01030 0 0) bottom left / 8px 2px no-repeat,linear-gradient(#e01030 0 0) bottom left / 2px 8px no-repeat,linear-gradient(#e01030 0 0) bottom right / 8px 2px no-repeat,linear-gradient(#e01030 0 0) bottom right / 2px 8px no-repeat}[data-theme=light] .cursor-dot{background:#6d28d9}[data-theme=light] .cursor-ring{background:linear-gradient(#6d28d9 0 0) top left / 8px 2px no-repeat,linear-gradient(#6d28d9 0 0) top left / 2px 8px no-repeat,linear-gradient(#6d28d9 0 0) top right / 8px 2px no-repeat,linear-gradient(#6d28d9 0 0) top right / 2px 8px no-repeat,linear-gradient(#6d28d9 0 0) bottom left / 8px 2px no-repeat,linear-gradient(#6d28d9 0 0) bottom left / 2px 8px no-repeat,linear-gradient(#6d28d9 0 0) bottom right / 8px 2px no-repeat,linear-gradient(#6d28d9 0 0) bottom right / 2px 8px no-repeat}@media(hover:none),(max-width:768px){.cursor-dot,.cursor-ring{display:none!important}}.back-to-top{position:fixed;bottom:6rem;right:1.5rem;z-index:900;width:42px;height:42px;border-radius:50%;background:#7c6af726;border:1px solid rgba(124,106,247,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#7c6af7;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(16px) scale(.85);transition:opacity .3s,transform .3s,background .2s;box-shadow:0 4px 20px #7c6af733}.back-to-top.btt-visible{opacity:1;transform:translateY(0) scale(1)}.back-to-top:hover{background:#7c6af74d;transform:translateY(-3px) scale(1.05)}@media(max-width:768px){.back-to-top{display:none!important}}.section-dots{position:fixed;right:1.25rem;top:50%;transform:translateY(-50%);z-index:800;display:flex;flex-direction:column;gap:.6rem;align-items:center}.sd-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;padding:0;transition:background .3s,transform .3s}.sd-dot.sd-active{background:#7c6af7;transform:scale(1.4);box-shadow:0 0 8px #7c6af7b3}.sd-dot:hover{background:#ffffff80;transform:scale(1.2)}.sd-tooltip{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:600;white-space:nowrap;background:#080816e6;color:var(--text-1);padding:.25rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);opacity:0;pointer-events:none;transition:opacity .2s}.sd-dot:hover .sd-tooltip{opacity:1}[data-theme=light] .sd-dot{background:#00000026}[data-theme=light] .sd-tooltip{background:#fffffff2;border-color:#00000014;color:var(--text-1)}@media(max-width:768px){.section-dots{display:none}}.hero-tw-word{display:inline;min-width:1ch}.hero-tw-cursor{display:inline-block;font-weight:300;margin-left:1px;animation:twBlink .75s step-end infinite;color:#7c6af7;-webkit-text-fill-color:#7c6af7}@keyframes twBlink{0%,to{opacity:1}50%{opacity:0}}html{scroll-behavior:smooth}.hero{position:relative}.hero-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 15% 40%,rgba(124,106,247,.22) 0%,transparent 65%),radial-gradient(ellipse 55% 50% at 85% 65%,rgba(219,39,119,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 55% 10%,rgba(6,182,212,.12) 0%,transparent 55%);animation:auroraShift 14s ease-in-out infinite alternate;filter:blur(70px)}@keyframes auroraShift{0%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}to{opacity:.7;transform:scale(.97)}}[data-theme=light] .hero-aurora{opacity:.35}.floating-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.6}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9500;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}[data-theme=light] body:after{opacity:.04}.skill-cloud-wrap{display:flex;align-items:center;justify-content:center;margin-top:1rem}.skill-cloud{position:relative;width:280px;height:280px;cursor:crosshair}.sc-tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:.3rem .75rem;border-radius:999px;background:#7c6af71a;border:1px solid rgba(124,106,247,.25);color:var(--text-2);font-size:.78rem;font-weight:600;cursor:default;-webkit-user-select:none;user-select:none;transition:color .2s,background .2s;will-change:transform,opacity}.sc-tag:hover{background:#7c6af733;color:var(--text-1)}[data-theme=light] .sc-tag{background:#7c6af712;border-color:#7c6af733}@media(max-width:768px){.skill-cloud-wrap{display:none}}.share-pill{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);color:var(--text-2);font-size:inherit;font-family:inherit;cursor:pointer}.share-pill:hover{background:#06b6d433;border-color:#06b6d480;color:var(--text-1)}.btn-primary,.btn-ghost{will-change:transform}.project-card{transform-style:preserve-3d;will-change:transform}@media(hover:hover)and (min-width:769px){*,*:before,*:after{cursor:none!important}}