:root{--font-heading: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--bg-deep: #030712;--bg-surface: #0a0f1e;--bg-card: #0d1424;--violet: #7c3aed;--violet-light: #a78bfa;--cyan: #06b6d4;--cyan-light: #67e8f9;--indigo: #4f46e5;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-faint: #1e293b;--border: rgba(255,255,255,.055);--border-hover: rgba(124,58,237,.45);--border-cyan: rgba(6,182,212,.3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-secondary);background:var(--bg-deep);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 70% 55% at 8% 5%,rgba(124,58,237,.14) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 92% 12%,rgba(6,182,212,.09) 0%,transparent 50%),radial-gradient(ellipse 45% 35% at 55% 100%,rgba(79,70,229,.09) 0%,transparent 55%);animation:meshDrift 22s ease-in-out infinite alternate;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;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.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5}@keyframes meshDrift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-25px) scale(1.04)}}#root{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 2rem 6rem}.page{position:relative}.scroll-progress{position:fixed;top:0;left:0;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan));z-index:9999;transition:width .1s linear}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);line-height:1.12;font-weight:700}h1{font-size:clamp(3rem,6vw,5rem);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em}h3{font-size:1.05rem;font-weight:600}a{color:var(--cyan-light);text-decoration:none}.gradient-text{background:linear-gradient(135deg,var(--violet-light) 0%,var(--cyan) 60%,var(--cyan-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.nav{position:sticky;top:1.25rem;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.1rem;margin:1.25rem 0 0;border-radius:999px;background:#080c19b8;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--border);box-shadow:0 2px 24px #00000059;animation:navIn .6s cubic-bezier(.16,1,.3,1) both}@keyframes navIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.brand{font-family:var(--font-heading);font-weight:800;font-size:1rem;background:linear-gradient(120deg,var(--violet-light),var(--cyan-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:.1rem}.nav-links a:not(.social-icon){font-size:.82rem;font-weight:500;color:var(--text-muted);padding:.3rem .65rem;border-radius:999px;transition:color .2s,background .2s}.nav-links a:not(.social-icon):hover{color:var(--text-primary);background:#ffffff0d}.nav-links a.nav-active{color:var(--cyan-light);background:#06b6d414}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-muted);border:1px solid var(--border);transition:all .2s;margin-left:.2rem}.social-icon:hover{color:var(--cyan-light);border-color:var(--border-cyan);background:#06b6d414;transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;border-radius:8px}.hamburger span{display:block;width:20px;height:1.5px;background:var(--text-secondary);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-mobile{display:none;position:fixed;inset:0;background:#030712f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;animation:fadeIn .2s ease}.nav-mobile.open{display:flex}.nav-mobile a{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);transition:color .2s}.nav-mobile a:hover{color:var(--cyan-light)}.nav-mobile-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-mobile-close:hover{color:var(--cyan-light);border-color:var(--border-cyan)}.section{padding:6rem 0;border-top:1px solid var(--border);position:relative}.section-head{margin-bottom:3rem;position:relative}.section-num{position:absolute;top:-2rem;right:0;font-family:var(--font-heading);font-size:clamp(6rem,12vw,10rem);font-weight:900;color:#ffffff06;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-.05em}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-light);margin-bottom:.6rem;opacity:.8}.section-label:before{content:"";display:block;width:18px;height:1px;background:var(--violet-light)}.section-head>p{color:var(--text-muted);margin-top:.5rem;max-width:480px;font-size:.95rem}.section-accent{color:var(--violet-light)}.section-icon{vertical-align:middle;margin-right:.4rem;color:var(--violet-light)}.card{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;position:relative;overflow:hidden;transition:border-color .3s ease,background .3s ease,transform .3s cubic-bezier(.34,1.4,.64,1)}.card:hover{background:#ffffff09;border-color:#7c3aed47;transform:translateY(-3px)}.hero{position:relative;padding:7rem 0 5rem;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.6}.hero-orb-1{width:500px;height:500px;top:-200px;right:-80px;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 70%);animation:orbFloat1 10s ease-in-out infinite}.hero-orb-2{width:350px;height:350px;bottom:-100px;left:-60px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);animation:orbFloat2 12s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(-15px,18px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(12px,-12px)}}.hero-layout{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{max-width:640px}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;color:var(--text-muted);margin-bottom:1.25rem;letter-spacing:.04em;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .3s both}h1.hero-name{margin:0 0 .3rem;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .4s both}.hero-typed{font-family:var(--font-heading);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:500;color:var(--text-muted);min-height:2rem;margin:0 0 1.5rem;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .48s both}.typed-text{color:var(--violet-light);font-weight:600}.typed-cursor{display:inline-block;margin-left:2px;color:var(--violet-light);animation:blink .9s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.lead{color:var(--text-muted);font-size:1rem;line-height:1.8;max-width:520px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .54s both}.lead strong{color:var(--text-secondary);font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.25rem;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .62s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.hero-profile{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .45s both}.avatar-ring{position:relative;padding:2px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--violet),var(--cyan))}.avatar-ring:before{content:"";position:absolute;inset:-6px;border-radius:calc(var(--radius-lg) + 6px);background:linear-gradient(135deg,var(--violet),var(--cyan));filter:blur(18px);opacity:.25;z-index:-1;animation:auroraGlow 5s ease-in-out infinite alternate}@keyframes auroraGlow{0%{opacity:.2}to{opacity:.45}}.avatar-ring img{display:block;width:200px;height:200px;object-fit:cover;border-radius:calc(var(--radius-lg) - 2px);animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats{list-style:none;display:flex;gap:0;margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border);position:relative;z-index:1}.stats li{flex:1;display:flex;flex-direction:column;gap:.2rem;padding:0 2rem 0 0;position:relative;cursor:default}.stats li:not(:last-child):after{content:"";position:absolute;right:1rem;top:10%;height:80%;width:1px;background:var(--border)}.stats strong{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.stats span{font-size:.78rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.6rem 1.2rem;border-radius:999px;border:none;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.34,1.4,.64,1);white-space:nowrap}.btn:hover{transform:translateY(-2px) scale(1.02)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--violet),var(--indigo));color:#fff;box-shadow:0 4px 18px #7c3aed59}.btn-primary:hover{box-shadow:0 8px 26px #7c3aed80}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-cyan);color:var(--cyan-light);background:#06b6d40f}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--text-faint)}.btn-ghost:hover{color:var(--text-primary);border-color:#ffffff26;background:#ffffff0a}.about{border-radius:0;background:none;border:none;padding:6rem 0}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:start}.about-text p{color:var(--text-muted);margin-bottom:1.1rem;line-height:1.85;font-size:.98rem}.about-text p:last-child{margin-bottom:0}.about-facts{list-style:none;display:flex;flex-direction:column;gap:.9rem;border-left:1px solid var(--border);padding-left:1.75rem}.about-facts li{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);font-size:.875rem}.about-facts li svg{color:var(--violet-light);flex-shrink:0}.timeline{display:flex;flex-direction:column;gap:1.25rem;padding-left:1.75rem;border-left:1px solid var(--border)}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-2.35rem;top:1.6rem;width:10px;height:10px;border-radius:50%;background:var(--cyan);border:2px solid var(--bg-deep);box-shadow:0 0 0 3px #06b6d426,0 0 10px #06b6d44d}.exp-dot{background:var(--violet-light);box-shadow:0 0 0 3px #a78bfa26,0 0 10px #a78bfa4d}.timeline-card{padding:1.5rem 1.75rem}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}.timeline-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:.2rem 0 .1rem}.edu-institution{color:var(--text-muted);font-size:.85rem;margin:0}.timeline-meta{display:flex;flex-direction:column;gap:.3rem;text-align:right;flex-shrink:0}.timeline-meta span{display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;font-size:.78rem;color:var(--text-muted)}.timeline-desc{color:var(--text-muted);font-size:.88rem;line-height:1.75;margin-bottom:1rem}.edu-badge{display:inline-block;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);color:var(--violet-light);padding:.15rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.edu-highlights{display:flex;flex-wrap:wrap;gap:.4rem}.edu-chip{background:#ffffff08;border:1px solid var(--border);color:var(--text-muted);padding:.18rem .55rem;border-radius:5px;font-size:.75rem;transition:all .2s}.edu-chip:hover{background:#06b6d40f;border-color:var(--border-cyan);color:var(--cyan-light)}.exp-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.exp-points li{color:var(--text-muted);font-size:.875rem;line-height:1.7;padding-left:1.1rem;position:relative}.exp-points li:before{content:"";position:absolute;left:0;top:.68rem;width:4px;height:4px;border-radius:50%;background:var(--violet-light);opacity:.7}.filter-bar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.filter-btn{font-family:var(--font-body);background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.35rem .9rem;border-radius:999px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#7c3aed4d;color:var(--violet-light)}.filter-btn.active{background:#7c3aed1a;border-color:#7c3aed66;color:var(--violet-light)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1rem}.project-card{cursor:pointer;display:flex;flex-direction:column}.project-card h3{font-size:.98rem;margin-bottom:.5rem;transition:color .2s}.project-card:hover h3{color:var(--violet-light)}.project-card p{color:var(--text-muted);font-size:.85rem;line-height:1.7;flex:1}.project-category-badge{display:inline-block;padding:.14rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.6rem;background:#06b6d414;border:1px solid rgba(6,182,212,.25);color:var(--cyan-light)}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.85rem}.chips li{background:#ffffff08;border:1px solid var(--border);color:var(--text-muted);padding:.2rem .55rem;border-radius:5px;font-size:.75rem;transition:all .2s;cursor:default}.chips li:hover{background:#7c3aed12;border-color:#7c3aed4d;color:var(--violet-light)}.project-cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-size:.8rem;font-weight:600;color:var(--cyan-light);opacity:0;transform:translateY(6px);transition:all .25s ease}.project-card:hover .project-cta{opacity:1;transform:none}.skill-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.skill-group-card{padding:1.75rem}.skill-group-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.skill-group-icon{color:var(--violet-light)}.skill-bar-item{margin-bottom:1.1rem}.skill-bar-label{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.82rem;color:var(--text-secondary)}.skill-pct{color:var(--cyan-light);font-weight:700;font-size:.78rem}.skill-bar-track{height:4px;background:#ffffff0d;border-radius:999px;overflow:visible;position:relative}.skill-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative}.skill-bar-fill:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--cyan-light);box-shadow:0 0 8px var(--cyan),0 0 14px #06b6d473}.contact-card{background:none;border:none;border-radius:0;padding:6rem 0}.email-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--violet-light);transition:color .2s}.email-link:hover{color:var(--cyan-light)}.contact-socials{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.contact-social-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.82rem;font-weight:500;transition:all .2s}.contact-social-btn:hover{border-color:var(--border-cyan);color:var(--cyan-light);background:#06b6d40f;transform:translateY(-2px)}.contact-form{display:grid;gap:1rem;max-width:700px}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.contact-input{width:100%;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;outline:none}.contact-input::placeholder{color:var(--text-muted);opacity:.5}.contact-input:hover{border-color:#ffffff21}.contact-input:focus{border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed1a}.contact-input:-webkit-autofill,.contact-input:-webkit-autofill:hover,.contact-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s;box-shadow:0 0 0 1000px #0a0f1e inset}.contact-textarea{min-height:130px;resize:vertical}.contact-form .btn{justify-self:start;min-width:160px}.modal-overlay{position:fixed;inset:0;background:#030712e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0a0f1ef7;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-xl);width:100%;max-width:940px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 40px 80px #000000b3,0 0 60px #7c3aed12;animation:modalUp .35s cubic-bezier(.34,1.4,.64,1)}@keyframes modalUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.75rem 2rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.3rem;margin:.3rem 0 0}.modal-close{background:transparent;border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.modal-close:hover{border-color:#7c3aed66;color:var(--violet-light);transform:rotate(90deg)}.modal-body{flex:1;overflow-y:auto}.project-iframe{width:100%;height:100%;min-height:420px;border:none}.modal-footer{padding:1.75rem 2rem;border-top:1px solid var(--border)}.modal-footer p{color:var(--text-muted);font-size:.88rem;line-height:1.7;margin-bottom:1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tech-badge{background:#7c3aed14;border:1px solid rgba(124,58,237,.25);color:var(--violet-light);padding:.25rem .7rem;border-radius:999px;font-size:.78rem;font-weight:600}.footer{margin-top:2rem;padding:2rem 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer p{margin:0;color:var(--text-muted);font-size:.82rem}.footer-visits{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.82rem}.footer-visits strong{color:var(--text-secondary)}.footer-links{display:flex;gap:.7rem}.footer-links a{color:var(--text-muted);transition:color .2s}.footer-links a:hover{color:var(--violet-light)}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--violet-light);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #7c3aed33;transition:all .25s cubic-bezier(.34,1.4,.64,1);z-index:200;animation:fadeIn .3s ease}.back-to-top:hover{background:#7c3aed40;border-color:#7c3aed80;transform:translateY(-4px) scale(1.08)}@media(max-width:1024px){.skill-groups{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.stats{flex-wrap:wrap}.stats li{flex:0 0 calc(50% - .5rem)}.hero{padding:5rem 0 4rem}}@media(max-width:768px){#root{padding:0 1.25rem 5rem}.nav{border-radius:var(--radius-lg);padding:.55rem .9rem}.nav-links{display:none}.hamburger{display:flex}.hero{padding:4rem 0 3rem}.hero-layout{grid-template-columns:1fr;gap:2.5rem}.hero-profile{order:-1}.avatar-ring img{width:150px;height:150px}.section,.about,.contact-card{padding:4rem 0}.contact-row{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:95vh}.modal-header,.modal-footer{padding:1.25rem 1.5rem}.project-iframe{min-height:260px}}@media(max-width:640px){.stats{flex-direction:column;gap:1rem}.stats li:after{display:none}.stats li{padding:0}.skill-groups{grid-template-columns:1fr}.timeline{padding-left:1.25rem}.timeline-dot{left:-1.85rem}.timeline-header{flex-direction:column}.timeline-meta{text-align:left}.timeline-meta span{justify-content:flex-start}.footer{flex-direction:column;text-align:center}.section-num{font-size:5rem}}