@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#14141d;--bg-card:#ffffff08;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-glow:#3b82f680;--border-color:#ffffff14;--accent:#3b82f6;--accent-soft:#3b82f61a;--accent-line:#3b82f64d;--accent-glow-soft:#3b82f633;--bg-deep:#050505;--surface:#141418b3;--surface-solid:#101014;--line:#ffffff1a;--text-muted:#888;--text-body:#ccc;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--shadow-card:0 20px 40px #0006;--shadow-lift:0 20px 50px #0000008c, 0 0 30px #3b82f61a;--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--transition-fast:.2s ease;--transition-normal:.3s ease;--ease-out:cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;max-width:100vw;line-height:1.6}#root{overflow-x:clip}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.2}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.btn{transition:all var(--transition-normal);cursor:pointer;font-weight:500;font-family:var(--font-main);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--text-secondary);background:#ffffff0d}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.6rem;font-size:.75rem;display:inline-flex}.eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s infinite pulse-neon}@keyframes pulse-neon{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.7;transform:scale(.9)}}.reveal{opacity:0;animation:reveal-up .9s var(--ease-out) forwards;animation-delay:var(--delay,0s);transform:translateY(28px)}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}.btn-neon,.btn-neon-outline{border-radius:var(--radius-pill);font-family:var(--font-main);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:.85rem;font-weight:600;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s;display:inline-flex}.btn-neon{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-neon:hover{box-shadow:0 10px 30px var(--accent-glow-soft);transform:translateY(-2px)}.btn-neon-outline{color:#fff;border:1px solid var(--line);background:#ffffff0d}.btn-neon-outline:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.btn-neon:focus-visible,.btn-neon-outline:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}.eyebrow-dot{animation:none}}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px}.syntax-hero{color:#fff;width:100%;height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden}.syntax-content{z-index:2;flex-direction:column;justify-content:center;gap:2rem;height:100%;padding:80px 4rem 2rem;display:flex;position:relative}.syntax-top{letter-spacing:.02em;justify-content:space-between;font-size:.85rem;font-weight:500;display:flex}.syntax-top-left{align-items:center;gap:1rem;display:flex}.syntax-brand{color:#fff}.syntax-badge{color:#3b82f6;align-items:center;gap:.4rem;display:flex}.syntax-dot{background-color:#3b82f6;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-neon;box-shadow:0 0 8px #3b82f6}.syntax-top-right{gap:4rem;display:flex}.syntax-links{flex-direction:column;gap:.2rem;display:flex}.syntax-link{color:#fff;text-decoration:none;transition:color .2s}.syntax-link:hover{color:#3b82f6}.syntax-timezone{color:#888}.syntax-quote-container{text-align:left;align-self:flex-end;max-width:400px;margin-top:2rem}.syntax-quote{letter-spacing:.05em;color:#aaa;text-transform:uppercase;font-family:monospace,Inter;font-size:.75rem;line-height:1.6}.syntax-bottom{justify-content:space-between;align-items:flex-end;padding-bottom:2rem;display:flex}.syntax-stats{flex-direction:column;gap:.2rem;font-size:1.1rem;font-weight:600;display:flex}.syntax-stat-text,.syntax-stat-highlight{color:#3b82f6}.syntax-arrow{margin:0 .2rem;display:inline-block}.syntax-main-title{text-align:center;flex:1;position:relative}.syntax-huge-text{letter-spacing:-.02em;color:#fff;text-shadow:0 10px 30px #00000080;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.syntax-role{color:#aaa;margin-top:1rem;font-size:.85rem;font-weight:500}.syntax-scroll{color:#888;font-size:.85rem;font-weight:500}@media (width<=900px){.syntax-content{padding:80px 2rem 2rem}.syntax-top{flex-direction:column;gap:1.5rem}.syntax-top-right{justify-content:space-between;width:100%}.syntax-quote-container{align-self:flex-start;margin-top:auto;margin-bottom:2rem}.syntax-bottom{flex-direction:column;align-items:flex-start;gap:2rem;padding-bottom:0}.syntax-main-title{text-align:left;margin-top:1rem;position:relative;bottom:0;left:0;transform:none}.syntax-huge-text{font-size:clamp(2.5rem,8vw,3.5rem)}.syntax-scroll{align-self:flex-end}}.tech-dots{gap:.35rem;display:flex}.tech-dots span{border-radius:50%;width:10px;height:10px}.floating-card span:last-child{font-size:.9rem;font-weight:500}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.fade-in-up{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards revealUp;transform:translateY(30px)}.delay-2{animation-delay:.3s}@keyframes revealUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.projects-section{padding:6rem 0 8rem}.project-arc-card{overflow:hidden;padding:0!important}.timeline-section{color:#fff;height:calc(100vh + var(--n) * 60vh);position:relative}.timeline-arc-container{justify-content:center;align-items:center;width:25%;height:100vh;display:flex;position:relative}.timeline-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-svg-h{display:none}.timeline-dot{top:var(--dt);left:var(--dl);width:80px;height:80px;transition:transform .35s var(--ease-out), background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;color:#fff;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:Inter,sans-serif;display:flex;position:absolute;transform:translate(-50%,-50%)}.timeline-dot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.timeline-dot:hover:not(.active){border-color:var(--accent-line)}.timeline-dot.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 10px 30px #3b82f633}.dot-text{letter-spacing:.05em;font-size:1.1rem}.timeline-sticky-wrapper{width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.timeline-content-container{justify-content:center;align-items:center;width:40%;display:flex;position:relative}.timeline-content-slide{opacity:0;visibility:hidden;width:100%;transition:opacity .3s ease, transform .45s var(--ease-out), visibility 0s linear .45s;pointer-events:none;will-change:opacity, transform;padding:0 2rem;position:absolute;transform:translateY(28px)}.timeline-content-slide.past-slide{transform:translateY(-28px)}.timeline-content-slide.active-slide{opacity:1;visibility:visible;transition:opacity .4s ease 80ms, transform .5s var(--ease-out) 80ms, visibility 0s;pointer-events:auto;transform:translate(0,0)}.phase-title{color:#fff;margin-bottom:1.5rem;font-family:Georgia,Times New Roman,serif;font-size:3.5rem;line-height:1.1}.phase-desc{color:#ccc;margin-bottom:2rem;padding-left:1.2rem;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.6}.phase-desc li{margin-bottom:.6rem}.phase-tags{flex-wrap:wrap;gap:.5rem;display:flex}.phase-tag{color:#ddd;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.4rem 1rem;font-family:Inter,sans-serif;font-size:.85rem}.timeline-visual-container{justify-content:center;align-items:center;width:35%;height:100vh;display:flex;position:relative}.visual-box{isolation:isolate;will-change:transform;background:linear-gradient(135deg,#1e1e26cc,#14141ccc);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:300px;height:300px;transition:transform .55s cubic-bezier(.34,1.56,.64,1),border-radius .55s;position:relative;overflow:hidden;box-shadow:0 10px 40px #3b82f61a;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.timeline-image{object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .45s,transform .6s;display:block;position:absolute;top:0;left:0}.timeline-image.active{opacity:.8}.visual-box:hover .timeline-image.active{opacity:1;transform:scale(1.05)}.visual-index-0{transform:scale(1)}.visual-index-1{border-radius:30px;transform:scale(1.1)rotate(15deg)}.visual-index-2{border-radius:50px 10px;transform:scale(.9)rotate(-15deg)}.visual-index-3{border-radius:20px 60px;transform:scale(1.05)rotate(5deg)}.visual-index-4{border-radius:40px 20px;transform:scale(.95)rotate(-5deg)}@media (width<=900px){.timeline-section{height:calc(100vh + var(--n) * 55vh)}@supports (height:100svh){.timeline-section{height:calc(100svh + var(--n) * 55svh)}.timeline-sticky-wrapper{height:100svh}}.timeline-sticky-wrapper{flex-direction:column;padding-top:5.5rem}.timeline-arc-container{flex:none;order:1;width:100%;height:112px}.timeline-svg-v{display:none}.timeline-svg-h{display:block}.timeline-dot{top:var(--mt);left:var(--ml);width:54px;height:54px}.dot-text{letter-spacing:.03em;font-size:.85rem}.timeline-visual-container{flex:none;order:2;width:100%;height:auto;padding:.35rem 0 .6rem}.visual-box{width:clamp(78px,13vh,104px);height:clamp(78px,13vh,104px)}.timeline-content-container{flex:1;order:3;align-items:flex-start;width:100%;min-height:0}.timeline-content-slide{padding:0 1.25rem;top:0}.phase-title{margin-bottom:clamp(.6rem,1.6vh,1rem);font-size:clamp(1.7rem,7.4vw,2.4rem)}.phase-desc{margin-bottom:clamp(.7rem,1.8vh,1.2rem);padding-left:1.1rem;font-size:clamp(.8rem,2.05vh,.98rem);line-height:1.5}.phase-desc li{margin-bottom:.35rem}.phase-tag{padding:.3rem .8rem;font-size:.75rem}}@media (width<=900px) and (height<=540px){.timeline-section{height:auto}.timeline-sticky-wrapper{height:auto;padding:3rem 0;position:relative;overflow:visible}.timeline-arc-container,.timeline-visual-container{display:none}.timeline-content-container{display:block}.timeline-content-slide{opacity:1;visibility:visible;pointer-events:auto;margin-bottom:3rem;position:relative;transform:none}}@media (prefers-reduced-motion:reduce){.timeline-content-slide,.timeline-dot,.visual-box,.timeline-image{transition:none}}.skills-page{background-color:#0000;min-height:100vh;position:relative;overflow-x:clip}.skills-content{z-index:2;max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem;position:relative}.skills-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.filter-btn{color:#aaa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:.8rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:#fff;background:#ffffff1a}.filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d}.skills-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-wrap:nowrap;gap:2rem;padding-bottom:2rem;display:flex;overflow-x:auto}.skills-grid::-webkit-scrollbar{height:8px}.skills-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.skills-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.skill-card-new{scroll-snap-align:start;cursor:pointer;background:#101015;border-radius:20px;flex-direction:column;flex:0 0 320px;height:320px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.skill-card-new:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0009}.skill-card-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.skill-card-grain{opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.skill-card-folder{clip-path:polygon(0 0,35% 0,48% 18%,100% 18%,100% 100%,0 100%);z-index:1;background:#0d0d12;width:100%;height:75%;padding:1.5rem;transition:background .4s;position:absolute;bottom:0;left:0}.skill-card-new:hover .skill-card-folder{background:#14141d}.skill-tab-content{position:absolute;top:12px;left:1.5rem}.skill-icon-wrapper-new{color:#fff;width:32px;height:32px}.skill-icon-wrapper-new svg{width:100%;height:100%}.skill-folder-arrow{color:#666;transition:color .3s,transform .3s;position:absolute;top:25%;right:1.5rem}.skill-card-new:hover .skill-folder-arrow{color:#fff;transform:translate(3px,-3px)}.skill-body-content{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.skill-name-new{color:#fff;margin-bottom:.3rem;font-size:1.8rem;font-weight:700}.skill-desc-new{color:#888;font-size:.9rem;line-height:1.4}.education-section{margin-top:8rem;position:relative}.education-header{text-align:center;margin-bottom:4rem}.education-title{color:#fff;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.contour-timeline-wrapper{flex-direction:column;justify-content:flex-end;width:100%;max-width:1000px;height:480px;margin:4rem auto 0;padding-bottom:2rem;display:flex;position:relative}.contour-card-container{z-index:10;width:280px;transition:left .8s cubic-bezier(.34,1.2,.64,1);position:absolute;bottom:120px;transform:translate(-50%)}.contour-card{color:#fff;text-align:left;background:#111;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #000c,0 0 0 1px #ffffff0d}.contour-card-image{background:linear-gradient(135deg,#1e1e24,#0a0a0f);height:120px;position:relative}.contour-badge{color:#000;background:#fff;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:800;position:absolute;top:1rem;left:1rem}.contour-card-body{padding:1.5rem}.contour-subtitle{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.65rem;font-weight:700}.contour-title{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:500;line-height:1.3}.contour-desc{color:#888;margin-bottom:1.5rem;font-size:.75rem;line-height:1.5}.contour-link{color:#3b82f6;cursor:pointer;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;transition:color .3s;display:flex}.contour-link:hover{color:#f55}.contour-svg-container{width:100%;height:100px;margin-bottom:-20px;position:relative}.contour-svg{width:100%;height:100%;overflow:visible}.contour-path{fill:none;stroke:#3b82f6;stroke-width:2px;transition:d .8s cubic-bezier(.34,1.2,.64,1)}.contour-dot{fill:#050505;stroke:#3b82f6;stroke-width:2px;transition:cx .8s cubic-bezier(.34,1.2,.64,1)}.contour-dot-inner{fill:#3b82f6;transition:cx .8s cubic-bezier(.34,1.2,.64,1)}.contour-markers-row{z-index:5;justify-content:space-between;width:100%;display:flex;position:relative}.contour-marker{text-align:center;cursor:pointer;opacity:.4;flex-direction:column;align-items:center;padding-top:40px;transition:opacity .3s;display:flex}.contour-marker:hover,.contour-marker.active{opacity:1}.contour-year{color:#888;margin-bottom:.5rem;font-size:1.8rem;font-weight:400;transition:color .3s,font-weight .3s,transform .3s}.contour-marker.active .contour-year{color:#3b82f6;font-weight:700;transform:scale(1.1)}.contour-label{color:#666;text-transform:uppercase;letter-spacing:.05em;max-width:100px;font-size:.75rem;line-height:1.4}@media (width<=768px){.contour-card-container{width:260px;bottom:100px}.contour-timeline-wrapper{height:420px}.contour-year{font-size:1.2rem}.contour-label{font-size:.6rem}.skills-page{padding-top:100px}.skills-header{margin-bottom:3rem}.skills-grid{grid-template-columns:1fr;gap:1.25rem}.skill-card-new{flex:0 0 min(320px,84%)}.filter-btn{padding:.6rem 1.2rem;font-size:.85rem}.edu-card{padding:1.5rem}}.project-expanded-image .react-pdf__Document{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.project-expanded-image .react-pdf__Page{justify-content:center;align-items:flex-start;display:flex}.project-expanded-image .react-pdf__Page canvas{object-fit:cover;max-height:220px;width:100%!important;height:auto!important}.cert-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#000000d9;justify-content:center;align-items:flex-start;padding-top:90px;animation:.3s certFadeIn;display:flex;position:fixed;inset:0}@keyframes certFadeIn{0%{opacity:0}to{opacity:1}}.cert-modal{background:#111;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:90vw;max-width:700px;height:calc(100vh - 110px);max-height:calc(100vh - 110px);animation:.4s cubic-bezier(.34,1.56,.64,1) certSlideUp;display:flex;overflow:hidden;box-shadow:0 40px 80px #0009}@keyframes certSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.cert-modal-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.cert-modal-title{color:#fff;margin-bottom:.25rem;font-size:1.4rem;font-weight:700}.cert-modal-type{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.cert-download-btn{color:#3b82f6;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.cert-download-btn:hover{background:#3b82f633;border-color:#3b82f6}.cert-close-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.cert-close-btn:hover{color:#f55;background:#ff323226;border-color:#ff32324d}.cert-modal-body{background:#0a0a0f;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}.cert-modal-body .react-pdf__Document{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.cert-modal-body .react-pdf__Page{border-radius:8px;overflow:hidden;box-shadow:0 8px 30px #0006}.cert-modal-body .react-pdf__Page canvas{max-width:100%;width:auto!important;height:auto!important;max-height:calc(100vh - 210px)!important}.cert-nav-btn{color:#3b82f6;cursor:pointer;z-index:10;background:#1a1a2e;border:2px solid #3b82f6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #00000080}.cert-nav-btn:hover:not(.disabled){color:#fff;background:#3b82f6}.cert-nav-btn.disabled{opacity:.2;cursor:default}.cert-nav-prev{left:.8rem}.cert-nav-next{right:.8rem}.cert-modal-body{position:relative}.cert-loading{color:#888;text-align:center;padding:4rem 2rem;font-size:1rem}@media (width<=768px){.cert-modal{border-radius:14px;width:95vw;max-height:95vh}.cert-modal-header{padding:1rem 1.2rem}.cert-modal-title{font-size:1.1rem}.cert-modal-body{padding:1rem}.cert-download-btn span{display:none}}.page-hero{color:#fff;width:100%;height:40vh;min-height:340px;margin-top:-80px;position:relative}.page-hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:80px 2rem 4rem;display:flex;position:relative}.page-hero-title{letter-spacing:-.02em;text-shadow:0 10px 30px #00000080;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.page-hero-accent{color:var(--accent);text-shadow:0 0 40px #3b82f640}.page-hero-subtitle{color:#ccc;max-width:600px;margin:1.25rem auto 0;font-size:1.15rem;font-weight:400;line-height:1.6}.page-body{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 2rem}.page-intro{text-align:center;margin-bottom:3.5rem}.page-intro h2{margin-bottom:1rem;font-size:2.5rem}.page-intro p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.1rem}@media (width<=768px){.page-body{padding:3rem 1.25rem 1rem}.page-intro h2{font-size:2rem}}@media (width<=900px){.page-hero-content{padding:6.5rem 2rem 2.5rem}.page-hero-subtitle{padding-bottom:0}}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selecteditem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert();backdrop-filter:invert()}}.annotationLayer{pointer-events:none;transform-origin:0 0;z-index:3;position:absolute;top:0;left:0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg)translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg)translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg)translateY(-100%)}.annotationLayer canvas{width:100%;height:100%;position:absolute}.annotationLayer section{text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0;margin:0;position:absolute}.annotationLayer section .overlaidText{width:0;height:0;display:inline-block;position:absolute;top:0;left:0;overflow:hidden}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{width:100%;height:100%;font-size:1em;position:absolute;top:0;left:0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;vertical-align:top;width:100%;height:100%;margin:0}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{border:2px solid var(--input-disabled-border-color);cursor:not-allowed;background:0 0}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);background:0 0;border-radius:2px}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:#0000;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);border-radius:2px}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{content:"";background-color:canvastext;display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{width:1px;height:80%;left:45%}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;width:50%;height:50%;top:20%;left:30%}.annotationLayer .textWidgetAnnotation input.comb{padding-left:2px;padding-right:0;font-family:monospace}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{width:100%;height:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none;position:absolute}.annotationLayer .popup{max-width:calc(180px * var(--total-scale-factor));box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;background-color:#ff9;position:absolute}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{margin-left:calc(5px * var(--total-scale-factor));display:inline-block}.annotationLayer .popupContent{margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor));border-top:1px solid #333}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .annotationTextContent{opacity:0;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer:1}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer span[role=img]{-webkit-user-select:none;user-select:none;cursor:default}.textLayer .highlight{--highlight-bg-color:#b400aa40;--highlight-selected-bg-color:#00640040;--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none;background-color:var(--highlight-bg-color);-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px;margin:-1px;padding:1px}@media screen and (forced-colors:active){.textLayer .highlight{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color);-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);backdrop-filter:var(--highlight-selected-backdrop-filter)}.textLayer ::selection{background:#0000ff40}@supports (background:color-mix(in srgb, AccentColor, transparent 75%)){.textLayer ::selection{background:color-mix(in srgb, AccentColor, transparent 75%)}}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}.services-page{background-color:#0000;min-height:100vh}.cover-stage{perspective:1200px;justify-content:center;align-items:center;height:600px;display:flex;position:relative}.cover-card{background:var(--bg-secondary);border:1px solid var(--line);border-radius:var(--radius-lg);width:360px;height:530px;box-shadow:var(--shadow-card);transform:translateX(var(--x)) translateZ(var(--z)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--s));transition:transform .8s var(--ease-out), border-color .3s ease, box-shadow .5s ease;flex-direction:column;display:flex;position:absolute;overflow:hidden}.cover-card:not(.active){cursor:pointer}.cover-card:not(.active):hover{border-color:#ffffff4d}.cover-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cover-card.active{border-color:var(--accent);box-shadow:0 30px 60px #3b82f62e, var(--shadow-card)}.cover-image{border-bottom:1px solid var(--line);flex-shrink:0;height:170px;position:relative;overflow:hidden}.cover-image img{object-fit:cover;filter:grayscale(60%);width:100%;height:100%;transition:filter .6s,transform .6s}.cover-card.active .cover-image img{filter:grayscale(0%)}.cover-image-fade{background:linear-gradient(to top, var(--bg-secondary) 0%, transparent 70%);position:absolute;inset:0}.cover-index{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-size:.75rem;position:absolute;bottom:.75rem;left:1.5rem}.cover-icon{-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);width:44px;height:44px;color:var(--accent);background:#0009;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.cover-icon svg{width:20px;height:20px}.cover-body{flex-direction:column;flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex}.cover-body h3{color:#fff;margin-bottom:.4rem;font-size:1.3rem}.cover-summary{-webkit-line-clamp:3;color:var(--text-body);-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.cover-details,.cover-cta{opacity:0;visibility:hidden;transition:opacity .4s .2s}.cover-card.active .cover-details,.cover-card.active .cover-cta{opacity:1;visibility:visible}.cover-card.active .cover-summary{color:var(--accent);font-weight:500}.cover-details{color:var(--text-secondary);margin:.75rem 0 1.25rem;font-size:.875rem;line-height:1.6}.cover-cta{border:1px solid var(--line);border-radius:var(--radius-pill);color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;align-self:flex-start;align-items:center;gap:.6rem;margin-top:auto;padding:.65rem 1.3rem;font-size:.78rem;font-weight:600;transition:opacity .4s .2s,background .3s,color .3s,border-color .3s;display:inline-flex}.cover-cta span{transition:transform .3s}.cover-cta:hover{background:var(--accent);border-color:var(--accent);color:#fff}.cover-cta:hover span{transform:translate(4px)}.cover-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cover-controls{justify-content:center;align-items:center;gap:2rem;margin-top:1rem;display:flex}.cover-controls .btn-neon-outline{padding:.6rem 1.5rem}.cover-dots{gap:.6rem;display:flex}.cover-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.cover-dot:hover{background:#ffffff80}.cover-dot.active{background:var(--accent);transform:scale(1.4)}.cover-dot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=900px){.cover-stage{perspective:none;flex-direction:column;gap:1.5rem;height:auto}.cover-card{width:100%;max-width:420px;height:auto;position:relative;transform:none;z-index:auto!important;cursor:default!important}.cover-card .cover-details,.cover-card .cover-cta{opacity:1;visibility:visible}.cover-card .cover-cta{margin-top:1.5rem}.cover-card .cover-summary{color:var(--accent);font-weight:500}.cover-controls{display:none}}.cta-band{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2.5rem;max-width:1200px;margin:5rem auto 0;padding:3.5rem 0 1rem;display:flex}.cta-copy{flex:380px}.cta-band h2{letter-spacing:-.03em;max-width:560px;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.1}.cta-band p{max-width:480px;color:var(--text-secondary)}.cta-whatsapp{border:1px solid var(--accent-line);border-radius:var(--radius-pill);color:#fff;align-items:center;gap:1rem;padding:.6rem 1.5rem .6rem .6rem;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;display:inline-flex}.cta-whatsapp:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 10px 30px var(--accent-glow-soft);transform:translateY(-2px)}.cta-whatsapp:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cta-whatsapp-icon{background:var(--accent);color:#fff;width:52px;height:52px;transition:transform .4s var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cta-whatsapp-icon svg{width:28px;height:28px}.cta-whatsapp:hover .cta-whatsapp-icon{transform:rotate(-8deg)scale(1.08)}.cta-whatsapp-text{flex-direction:column;line-height:1.3;display:flex}.cta-whatsapp-label{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:600}.cta-whatsapp-number{font-family:var(--font-mono);letter-spacing:.05em;color:var(--accent);font-size:.8rem}.cta-whatsapp-arrow{color:var(--accent);margin-left:.5rem;transition:transform .3s}.cta-whatsapp:hover .cta-whatsapp-arrow{transform:translate(4px)}@media (width<=768px){.cta-band{margin-top:3.5rem;padding-top:2.5rem}.cta-whatsapp,.cta-action{width:100%}.cta-whatsapp-arrow{margin-left:auto}}.projects-page{background-color:#0000;min-height:100vh}.projects-body{max-width:none;padding-left:0;padding-right:0}.projects-body>:not(.mb-carousel){max-width:1200px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.mb-carousel{--lw:clamp(300px, 50vw, 1000px);--bz:calc(var(--lw) * .02);--bzt:calc(var(--lw) * .034);--sw:calc(var(--lw) - var(--bz) * 2);--sh:calc(var(--sw) / 2.03);--top:clamp(12px, 2vw, 28px);--lid-h:calc(var(--sh) + var(--bzt) + var(--bz))}.mb-stage{width:100%;height:calc(var(--top) + var(--lid-h) + var(--lw) * .06);touch-action:pan-y;position:relative;overflow:hidden}.mb-slide{left:50%;top:calc(var(--top) + var(--bzt));width:var(--sw);height:var(--sh);margin-left:calc(var(--sw) / -2);cursor:pointer;transform:translateX(calc(var(--sw) * var(--tx))) scale(var(--s));will-change:transform, opacity;backface-visibility:hidden;background:#0a0a0b;border-radius:4px;transition:transform 1.4s cubic-bezier(.45,.05,.2,1),opacity 1.4s;animation:.8s backwards mb-appear;position:absolute;overflow:hidden}.mb-slide:after{content:"";opacity:calc(1 - var(--dim));pointer-events:none;background:#000;transition:opacity 1.4s;position:absolute;inset:0}.mb-slide.active{cursor:default}.mb-slide img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@keyframes mb-appear{0%{opacity:0}}.mb-lid{left:50%;top:var(--top);z-index:3;box-sizing:border-box;width:var(--lw);height:var(--lid-h);margin-left:calc(var(--lw) / -2);border:solid #0a0a0b;border-width:var(--bzt) var(--bz) var(--bz);border-radius:calc(var(--lw) * .03) calc(var(--lw) * .03) 0 0;pointer-events:none;position:absolute;box-shadow:0 0 0 2px #4a4a4e,0 -1px 0 2px #6a6a6f}.mb-lid:before{content:"";left:50%;top:calc(var(--bzt) / -2 - 3px);background:#1d2733;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 2px #121216}.mb-base{left:50%;top:calc(var(--top) + var(--lid-h) + 2px);z-index:3;width:calc(var(--lw) * 1.13);height:calc(var(--lw) * .05);margin-left:calc(var(--lw) * -.565);border-radius:0 0 calc(var(--lw) * .05) calc(var(--lw) * .05) / 0 0 calc(var(--lw) * .045) calc(var(--lw) * .045);background:linear-gradient(#6b6b70 0%,#3a3a3e 35%,#232326 100%);position:absolute;box-shadow:0 30px 60px #0000008c}.mb-base:before{content:"";border-radius:0 0 calc(var(--lw) * .012) calc(var(--lw) * .012);background:linear-gradient(#151517,#2a2a2d);width:15%;height:32%;position:absolute;top:0;left:50%;transform:translate(-50%)}.mb-arrow{top:calc(var(--top) + var(--bzt) + var(--sh) / 2 - 27px);z-index:5;color:#fff;cursor:pointer;background:#141416eb;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;transition:background .25s,border-color .25s,transform .25s;display:flex;position:absolute}.mb-arrow svg{width:20px;height:20px}.mb-arrow:hover{border-color:var(--accent-line);background:#2a2a2e;transform:scale(1.06)}.mb-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mb-arrow-prev{left:clamp(12px,3vw,56px)}.mb-arrow-next{right:clamp(12px,3vw,56px)}.mb-caption{text-align:center;margin-top:clamp(1.25rem,2.5vw,2.25rem);padding:0 1.5rem;animation:.6s both mb-caption-in}.mb-caption h2{letter-spacing:-.01em;color:#fff;font-size:clamp(1.4rem,2.4vw,1.75rem);font-weight:500}.mb-caption p{color:var(--text-secondary);margin-top:.35rem;font-size:1rem}@keyframes mb-caption-in{0%{opacity:0;transform:translateY(8px)}}.mb-dots{border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid #ffffff0f;justify-content:center;align-items:center;gap:1.15rem;width:fit-content;margin:1.75rem auto 0;padding:.95rem 1.5rem;display:flex}.mb-dot{cursor:pointer;width:7px;height:7px;transition:width .45s var(--ease-out), background .3s ease;background:#ffffff59;border:none;border-radius:999px;padding:0}.mb-dot:hover{background:#ffffffb3}.mb-dot.active{background:#fff;width:30px}.mb-dot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.mb-visit{justify-content:center;margin-top:2rem;display:flex}.mb-private{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}@media (width<=768px){.mb-carousel{--lw:84vw}.mb-arrow{width:40px;height:40px;top:calc(var(--top) + var(--bzt) + var(--sh) / 2 - 20px)}.mb-arrow svg{width:16px;height:16px}.mb-dots{gap:.9rem;padding:.8rem 1.25rem}.projects-body>:not(.mb-carousel){padding-left:1.25rem;padding-right:1.25rem}}@media (prefers-reduced-motion:reduce){.mb-slide,.mb-caption{transition:none;animation:none}}.contact-page{background-color:#0000;min-height:100vh}.contact-container{grid-template-columns:1fr 1.8fr;align-items:start;gap:3rem;display:grid}.contact-info-section{flex-direction:column;gap:1.25rem;display:flex}.contact-availability{padding:0 .25rem .5rem}.info-card{background:var(--bg-secondary);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex}.info-card-link:hover,.info-card-link:focus-visible{border-color:var(--accent-line);outline:none;transform:translate(5px);box-shadow:0 10px 30px #3b82f614}.info-icon{background:var(--accent-soft);border:1px solid var(--accent-line);width:48px;height:48px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-icon svg{width:22px;height:22px}.info-card h3{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.7rem;font-weight:500}.info-card p{color:#fff;overflow-wrap:anywhere;font-size:1rem;font-weight:600}.social-links-card{background:var(--bg-secondary);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.5rem}.social-links-card h3{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:.7rem;font-weight:500}.contact-socials{flex-wrap:wrap;gap:.75rem;display:flex}.contact-social-link{border:1px solid var(--line);color:#fff;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s;display:flex}.contact-social-link svg{width:20px;height:20px}.contact-social-link:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 20px var(--accent-glow-soft);transform:translateY(-3px)}.contact-social-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.contact-form-section{background:var(--surface);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:3rem}.contact-form h2{color:#fff;margin-bottom:.5rem;font-size:2rem}.contact-form-lead{color:var(--text-secondary);margin-bottom:2.25rem}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.input-group{margin-bottom:1.75rem;position:relative}.input-group input,.input-group textarea{border:1px solid var(--line);border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--font-main);background:#ffffff08;outline:none;padding:1.2rem 1rem;font-size:1rem;transition:all .3s}.input-group textarea{resize:vertical;min-height:120px}.input-group label{color:var(--text-secondary);pointer-events:none;font-size:1rem;transition:all .3s;position:absolute;top:1.2rem;left:1rem}.input-group input:focus,.input-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#3b82f605}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label,.input-group textarea:focus~label,.input-group textarea:not(:placeholder-shown)~label{color:var(--accent);background:#0d0d11;padding:0 .4rem;font-size:.75rem;top:-.6rem;left:.8rem}.btn-submit{width:100%;padding:1.1rem;font-size:.9rem}.btn-submit:active{transform:translateY(0)}.btn-submit.submitting{opacity:.7;cursor:not-allowed}.form-message{border-radius:var(--radius-sm);text-align:center;margin-top:1.5rem;padding:1rem;font-weight:500}.form-message.success{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent)}@media (width<=900px){.contact-container{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}}@media (width<=768px){.contact-form-section{padding:2rem 1.5rem}}.contact-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-message.error{color:#ff9b9b;background:#ff50501a;border:1px solid #ff505059}.floating-header-wrapper{z-index:100;pointer-events:none;justify-content:center;width:100%;display:flex;position:fixed;top:1.5rem;left:0}.floating-header{pointer-events:auto;color:#333;background:#fff;border-radius:50px;justify-content:space-between;align-items:center;gap:2rem;width:fit-content;max-width:95%;padding:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #00000026,0 0 0 1px #0000000d}.floating-header.scrolled{-webkit-backdrop-filter:blur(12px);background:#fff6;box-shadow:0 4px 15px #0000000d}.header-profile{align-items:center;padding-left:.25rem;display:flex}.header-profile-img{object-fit:cover;color:#555;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.header-links{align-items:center;gap:1.5rem;font-size:.95rem;font-weight:500;display:flex}.header-links a{color:#555;border-radius:20px;padding:.4rem 1rem;text-decoration:none;transition:all .3s;position:relative}.header-links a:after{content:"";background-color:#000;border-radius:2px;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.header-links a:hover{color:#000;transform:translateY(-2px)}.header-links a:hover:after{transform:translate(-50%)scaleX(.5)}.header-links a.active-link{color:#fff;background-color:#111;font-weight:500}.header-links a.active-link:after{display:none}.header-contact-btn{background-color:#3b82f6;border-radius:50px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s;color:#fff!important}.header-contact-btn:hover{background-color:#2563eb;transform:translateY(-1px)}@media (width>=769px){.floating-header{min-width:min(754px,95vw)}.header-links{flex:1;justify-content:space-evenly}}.header-right-actions{align-items:center;gap:1rem;display:flex}.header-name,.mobile-menu{display:none}.hamburger-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;width:44px;height:44px;padding:0;display:none;position:relative}.hamburger-line{width:20px;height:2px;transition:transform .35s var(--ease-out), top .35s var(--ease-out), opacity .2s ease, background-color .3s ease;background-color:#222;border-radius:2px;position:absolute;left:12px}.hamburger-line:first-child{top:15px}.hamburger-line:nth-child(2){top:21px}.hamburger-line:nth-child(3){top:27px}.hamburger-btn.active .hamburger-line:first-child{top:21px;transform:rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active .hamburger-line:nth-child(3){top:21px;transform:rotate(-45deg)}.hamburger-btn:focus-visible{outline-offset:2px;outline:2px solid #111}@media (width<=768px){.floating-header{z-index:2;gap:.75rem;width:90%;min-width:0;max-width:90%;padding:.4rem .5rem .4rem .55rem;position:relative}.floating-header .header-links,.desktop-only-btn{display:none}.header-name{letter-spacing:-.01em;color:#111;margin-right:auto;font-size:1rem;font-weight:700;transition:color .3s;display:block}.hamburger-btn{display:block}.floating-header.scrolled .header-name{color:#fff}.floating-header.scrolled .hamburger-line{background-color:#fff}.floating-header.menu-open{-webkit-backdrop-filter:none;background:#fff}.floating-header.menu-open .header-name{color:#111}.floating-header.menu-open .hamburger-line{background-color:#111}.mobile-menu{z-index:1;opacity:0;visibility:hidden;pointer-events:none;clip-path:circle(0% at calc(100% - 3rem) 3.25rem);background:#060608;flex-direction:column;padding:6.5rem 1.75rem 2rem;transition:clip-path .55s cubic-bezier(.7,0,.2,1),opacity .25s,visibility 0s linear .55s;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;clip-path:circle(150% at calc(100% - 3rem) 3.25rem);transition:clip-path .6s cubic-bezier(.7,0,.2,1),opacity .15s,visibility}.mobile-menu-links{flex-direction:column;margin:1rem 0 auto;display:flex}.mobile-menu-links a{letter-spacing:-.02em;color:#e9e9e9;opacity:0;transition:opacity .4s ease, transform .5s var(--ease-out), color .3s ease;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:1.05rem 0;font-size:clamp(1.6rem,7.4vw,2.2rem);font-weight:700;display:flex;transform:translateY(18px)}.mobile-menu.open .mobile-menu-links a{opacity:1;transition-delay:calc(var(--i) * 60ms + .22s);transform:none}.mm-num{min-width:1.6rem;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:400;transition:color .3s}.mm-arrow{color:var(--text-muted);margin-left:auto;font-size:1.3rem;font-weight:400;transition:transform .3s,color .3s}.mobile-menu-links a:active .mm-arrow{transform:translate(6px)}.mobile-menu-links a.active-link,.mobile-menu-links a.active-link .mm-num,.mobile-menu-links a.active-link .mm-arrow{color:var(--accent)}.mobile-menu-foot{opacity:0;transition:opacity .4s ease, transform .5s var(--ease-out);flex-direction:column;gap:1.25rem;margin-top:2rem;display:flex;transform:translateY(18px)}.mobile-menu.open .mobile-menu-foot{opacity:1;transition-delay:calc(var(--i) * 60ms + .22s);transform:none}.mm-wa{background:var(--accent);border-radius:var(--radius-pill);color:#fff;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:.7rem;padding:1rem;font-size:.85rem;font-weight:700;display:flex}.mm-wa svg{width:22px;height:22px}.mm-socials{gap:.75rem;display:flex}.mm-socials a{border:1px solid var(--line);color:#fff;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.mm-socials svg{width:20px;height:20px}.mm-mail{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary);font-size:.8rem}}@media (height<=640px) and (width<=768px){.mobile-menu{padding-top:5.5rem}.mobile-menu-links a{padding:.75rem 0}}@media (prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu.open,.mobile-menu-links a,.mobile-menu-foot{transition:none}}.floating-footer-wrapper{justify-content:center;margin-top:4rem;padding:2rem;display:flex}.floating-footer{-webkit-backdrop-filter:blur(20px);color:#fff;background:#0f0f14cc;border:1px solid #3b82f633;border-radius:24px;width:95%;max-width:1400px;padding:3rem;box-shadow:0 20px 40px #00000080}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:3rem;margin-bottom:3rem;display:flex}.footer-brand{max-width:300px}.footer-logo{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.footer-description{color:#aaa;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.footer-contact-info{flex-direction:column;gap:.5rem;display:flex}.footer-contact-info a{color:#ccc;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.footer-contact-info a:hover{color:#3b82f6}.footer-links-container{gap:4rem;display:flex}.footer-link-group{flex-direction:column;gap:1rem;display:flex}.footer-link-group h4{text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:.5rem;font-size:.75rem}.footer-link-group a{color:#ccc;font-size:.9rem;text-decoration:none;transition:color .2s,transform .2s}.footer-link-group a:hover{color:#3b82f6;transform:translate(3px)}.footer-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin-bottom:2rem}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-copyright{color:#888;font-size:.85rem}.footer-socials{gap:.75rem;display:flex}.social-icon{color:#ccc;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 5px #0003}.social-icon:hover{color:#fff;background:#3b82f6;transform:translateY(-3px);box-shadow:0 5px 15px #3b82f64d}.social-icon svg{width:16px;height:16px}@media (width<=768px){.footer-top{flex-direction:column}.footer-links-container{flex-wrap:wrap;gap:2rem}.floating-footer{padding:2rem}}.site-bg{z-index:-1;background-color:var(--bg-deep);pointer-events:none;position:fixed;inset:0;overflow:hidden}.site-bg img{--img-h:max(100vh, 92.3vw);object-fit:cover;object-position:center clamp(calc(100vh - var(--img-h)), calc(7.5rem - var(--img-h) * .198), 0px);filter:grayscale(80%)contrast(1.1)brightness(.4);width:100%;height:100%}.site-bg-overlay{background:radial-gradient(circle at center, transparent 0%, var(--bg-deep) 100%), linear-gradient(to bottom, #05050559 0%, transparent 35%, #050505e6 100%);position:absolute;inset:0}.site-orb{will-change:transform;background:radial-gradient(circle,#3b82f629 0%,#3b82f600 65%);border-radius:50%;width:55vmax;height:55vmax;position:absolute}.site-orb-a{animation:26s ease-in-out infinite alternate orb-drift-a;top:-25vmax;left:-20vmax}.site-orb-b{opacity:.75;animation:32s ease-in-out infinite alternate orb-drift-b;bottom:-30vmax;right:-22vmax}@keyframes orb-drift-a{to{transform:translate(28vmax,18vmax)scale(1.15)}}@keyframes orb-drift-b{to{transform:translate(-26vmax,-16vmax)scale(1.2)}}@media (prefers-reduced-motion:reduce){.site-orb{animation:none}}.rv-on .rv{opacity:0;transition:opacity .8s ease, transform 1s var(--ease-out), filter .9s ease;transition-delay:var(--rv-delay,0s);will-change:opacity, transform}.rv-on .rv[data-rv=up]{transform:translateY(56px)}.rv-on .rv[data-rv=left]{transform:translate(-70px)}.rv-on .rv[data-rv=right]{transform:translate(70px)}.rv-on .rv[data-rv=zoom]{transform:translateY(44px)scale(.9)}.rv-on .rv[data-rv=blur]{filter:blur(12px);transform:translateY(30px)}.rv-on .rv.is-visible{opacity:1;filter:none;will-change:auto;transform:none}.section-header h2,.page-intro h2,.education-title{position:relative}.section-header h2:after,.page-intro h2:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:72px;height:3px;transition:transform 1s var(--ease-out) .55s;border-radius:3px;margin:1rem auto 0;display:block;transform:scaleX(0);box-shadow:0 0 14px #3b82f68c}.section-header.is-visible h2:after,.page-intro.is-visible h2:after,.rv-on .section-header:not(.rv) h2:after,.rv-on .page-intro:not(.rv) h2:after{transform:scaleX(1)}.section-header.is-visible .gradient-text{background-size:220% 100%;animation:2.2s .3s both rv-sweep}@keyframes rv-sweep{0%{background-position:120% 0}to{background-position:0 0}}.syntax-huge-text{animation:hero-title 1.4s var(--ease-out) .15s backwards}.syntax-quote-container{animation:hero-rise 1.1s var(--ease-out) .55s backwards}.syntax-stats{animation:hero-rise 1.1s var(--ease-out) .75s backwards}.syntax-role{animation:hero-rise 1.1s var(--ease-out) 1s backwards}@keyframes hero-title{0%{opacity:0;filter:blur(14px);letter-spacing:.08em;transform:translateY(70px)scale(.94)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(34px)}}.page-fade{animation:.55s backwards page-in}@keyframes page-in{0%{opacity:0}}.btn-neon,.btn-primary{position:relative;overflow:hidden}.btn-neon:after,.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-neon:hover:after,.btn-primary:hover:after{transition:transform .8s;transform:translate(120%)}@media (prefers-reduced-motion:reduce){.syntax-huge-text,.syntax-quote-container,.syntax-stats,.syntax-role,.page-fade,.section-header.is-visible .gradient-text{animation:none}.section-header h2:after,.page-intro h2:after{transition:none;transform:scaleX(1)}.btn-neon:after,.btn-primary:after{display:none}}.app-wrapper{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.navbar{z-index:50;width:100%;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#0a0a0fcc;padding:1.5rem 0;position:fixed;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.05em;font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500}.nav-links a:hover{color:var(--text-primary)}.main-content{flex:1;padding-top:80px}.main-content-admin{padding-top:0}.subpage-hero{text-align:center;background-color:#050505;justify-content:center;align-items:center;width:100%;height:50vh;min-height:400px;margin-top:-80px;display:flex;position:relative;overflow:hidden}.subpage-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.subpage-overlay{background:radial-gradient(circle at center, transparent 0%, var(--bg-primary) 100%), linear-gradient(to bottom, #0a0a0fb3 0%, transparent 50%, var(--bg-primary) 100%);z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.subpage-content{z-index:3;max-width:800px;padding:80px 2rem 2rem;position:relative}.subpage-title{letter-spacing:-.02em;color:#fff;text-shadow:0 10px 30px #000c;margin-bottom:1.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1}.subpage-subtitle{color:#aaa;font-size:1.25rem;font-weight:500;line-height:1.6}.hero{flex:1;align-items:center;min-height:90vh;padding-top:8rem;display:flex;position:relative}.hero:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);z-index:-1;filter:blur(60px);width:600px;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero h1{margin-bottom:1.5rem;font-size:4.5rem}.hero p{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-btns{justify-content:center;gap:1rem;display:flex}.services-section{border-top:1px solid var(--border-color)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem}.section-header p{color:var(--text-secondary);font-size:1.1rem}.arc-carousel-container{justify-content:center;align-items:center;height:500px;margin-top:4rem;display:flex;position:relative;overflow:visible}.subpage-background img{object-fit:cover;object-position:center top;filter:grayscale(80%)contrast(1.1)brightness(.3);width:100%;height:100%}.arc-carousel-card{background:var(--bg-secondary);cursor:pointer;transform-origin:50%;width:320px;height:420px;transform:translateX(var(--x)) translateY(var(--y)) rotate(var(--rot));z-index:calc(10 - abs(var(--offset)));border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;padding:2rem;transition:transform .8s cubic-bezier(.25,1,.5,1),opacity .8s;display:flex;position:absolute;box-shadow:0 20px 40px #0006}.arc-carousel-card.active{z-index:20;border-color:var(--accent-primary);box-shadow:0 30px 60px #3b82f64d}.arc-carousel-card:hover{border-color:#ffffff4d}.arc-carousel-card.active:hover{border-color:var(--accent-primary)}.arc-carousel-card.expanded{cursor:default;border-color:var(--accent-primary);background:#14141c;width:400px;height:auto;min-height:400px;transform:translate(0)translateY(-40px)rotate(0)scale(1.1);box-shadow:0 40px 100px #000000e6;z-index:100!important}.arc-carousel-card.dimmed{opacity:.3;pointer-events:none}.card-content-wrapper{flex-direction:column;height:100%;display:flex}.details-content{opacity:0;max-height:0;margin-top:1rem;transition:opacity .4s,max-height .4s;overflow:hidden}.arc-carousel-card.expanded .details-content{opacity:1;flex-direction:column;flex:1;max-height:500px;display:flex}.arc-carousel-card.expanded .summary{display:none}.arc-carousel-card h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.arc-carousel-card .summary{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.details-content p{color:#ddd;margin-bottom:auto;font-size:.95rem;line-height:1.6}.close-btn{border-radius:8px;align-self:flex-start;width:auto;margin-top:1.5rem;padding:.8rem 2rem}.read-more-hint{color:var(--accent-primary);opacity:.7;margin-top:auto;font-size:.85rem;font-weight:600;transition:opacity .3s}.arc-carousel-card:hover .read-more-hint{opacity:1}.carousel-controls{justify-content:center;align-items:center;gap:2rem;margin-top:2rem;display:flex}.carousel-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:20px;padding:.5rem 1.5rem;transition:all .3s}.carousel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-indicators{gap:.5rem;display:flex}.indicator-dot{cursor:pointer;background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.indicator-dot.active{background:var(--accent-primary);transform:scale(1.3)}.card-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;opacity:0;pointer-events:none;background:#000c;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}.card-overlay.active{opacity:1;pointer-events:auto}@media (width<=900px){.arc-carousel-container:not(.cf){flex-direction:column;gap:2rem;height:auto;padding-bottom:2rem}.arc-carousel-card:not(.cf-card){width:100%;max-width:400px;height:auto;position:relative;transform:none!important}.carousel-controls:not(.cf-controls){display:none}}@media (width<=768px){.hero h1{font-size:3rem}.nav-links{display:none}}.footer{text-align:center;border-top:1px solid var(--border-color);margin-top:4rem;padding:4rem 0 2rem}.footer p{color:var(--text-secondary);font-size:.9rem}.arc-carousel-container.cf{--cf-w:320px;--cf-step:260px;perspective:1200px;touch-action:pan-y}.arc-carousel-card.cf-card{width:var(--cf-w);transform:translateX(calc(var(--o) * var(--cf-step))) translateZ(calc(var(--ao) * -200px)) rotateY(calc(var(--o) * -25deg)) rotateZ(calc(var(--o) * 2deg)) scale(var(--s));will-change:transform;-webkit-tap-highlight-color:transparent}.arc-carousel-card.cf-card.expanded{transform:translate(0)translateY(-40px)rotate(0)scale(1.1)}@media (width<=900px){.arc-carousel-container.cf{--cf-w:min(300px, 76vw);--cf-step:calc(var(--cf-w) * .8);margin-top:2.5rem!important}.arc-carousel-card.cf-card.expanded{width:min(92vw,400px);transform:translate(0)translateY(-20px)rotate(0)scale(1)}.carousel-controls.cf-controls{gap:1rem;display:flex}.carousel-controls.cf-controls .carousel-btn{padding:.5rem 1.1rem}}