:root{--color-primary:#3a8fc4;--color-primary-dark:#2c6f9e;--color-primary-light:#5aafd9;--color-highlight:#7ec8e8;--color-bg-dark:#041f32;--color-bg-darker:#021525;--color-bg-elevated:#0a2f4a;--color-bg-navbar:#05273e;--color-bg-card:#0c3554;--color-accent:#164a6e;--color-border:#3a8fc447;--color-border-strong:#3a8fc48c;--color-text-primary:#f2f7fb;--color-text-secondary:#9bb4c9;--color-text-muted:#6e8aa0;--font-display:"Syne",sans-serif;--font-body:"Manrope",sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 48px #0006;--shadow-glow:0 0 32px #3a8fc440;--ease-out:cubic-bezier(0.22,1,0.36,1);--sidebar-width:28vw}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#041f32;background-color:var(--color-bg-dark);color:#f2f7fb;color:var(--color-text-primary);font-family:Manrope,sans-serif;font-family:var(--font-body);letter-spacing:.01em;line-height:1.65;margin:0}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0}p{margin:0}a{color:inherit}button,input,textarea{font-family:inherit}::selection{background:#3a8fc473;color:#fff}.page-atmosphere{isolation:isolate;position:relative}.page-atmosphere:before{background:radial-gradient(ellipse 80% 50% at 10% -10%,#3a8fc42e,#0000 55%),radial-gradient(ellipse 60% 40% at 95% 20%,#14507838,#0000 50%),radial-gradient(ellipse 50% 35% at 50% 100%,#05284680,#0000 60%),#041f32;background:radial-gradient(ellipse 80% 50% at 10% -10%,#3a8fc42e,#0000 55%),radial-gradient(ellipse 60% 40% at 95% 20%,#14507838,#0000 50%),radial-gradient(ellipse 50% 35% at 50% 100%,#05284680,#0000 60%),var(--color-bg-dark);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.highlight{color:#7ec8e8;color:var(--color-highlight);font-weight:600}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes changeColor{0%{border-color:var(--color-primary)}50%{border-color:#006086}to{border-color:var(--color-primary)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotation_481{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}40%{transform:translate(2%,-3%) scale(1.05)}70%{transform:translate(-2%,2%) scale(.97)}}@keyframes pulseGlow{0%,to{opacity:.45}50%{opacity:.8}}@keyframes lineGrow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes softRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.loading-screen{align-items:center;background-color:#000;color:#d3d3d3;display:flex;flex-direction:column;gap:1.75rem;height:100vh;justify-content:center}.loading-screen img{align-self:center;animation:fadein 1s ease-in-out;width:min(20vw,180px)}.loading-bar{background:#ffffff1f;border-radius:999px;height:3px;overflow:hidden;width:min(140px,36vw)}.loading-bar span{animation:loadingSlide 1.4s ease-in-out infinite;background:linear-gradient(90deg,#3a8fc4,#7ec8e8);border-radius:inherit;display:block;height:100%;width:40%}@keyframes loadingSlide{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}@media (max-width:1024px){.loading-screen img{width:13em}}.navbar{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#05273ec7;border-bottom:1px solid #3a8fc447;border-bottom:1px solid var(--color-border,#3a8fc447);box-shadow:0 4px 24px #00000040;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;max-height:4.5rem;min-height:4.5rem;padding:0 1.5rem;position:relative;z-index:100}.sidebar-toggle{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:.4rem .7rem;transition:all .25s ease}.sidebar-toggle:hover{background:#ffffff1f;transform:scale(1.05)}.route-name{color:#ffffffeb;flex:1 1;font-family:Syne,sans-serif;font-family:var(--font-display,"Syne",sans-serif);font-size:clamp(.95rem,1.4vw,1.25rem);font-weight:700;letter-spacing:.12em;margin:0;text-align:center;text-transform:uppercase}.navbar-controls{align-items:center;display:flex;gap:1rem}.switch{display:inline-block;height:2.25rem;position:relative;width:4.5rem}.slider{align-items:center;background:#0d3c62;border:1px solid #3a8fc459;border-radius:999px;box-shadow:inset 0 2px 6px #00000059;cursor:pointer;display:flex;inset:0;justify-content:space-between;overflow:hidden}.slider,.slider:before{position:absolute;transition:.35s ease}.slider:before{background:linear-gradient(180deg,#f4f8fb,#d7e6f2);border-radius:999px 0 0 999px;content:"";height:100%;left:0;top:0;width:50%;z-index:1}.flag{border-radius:2px;box-shadow:0 1px 3px #0000004d;display:flex;height:.9rem;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:1.35rem;z-index:2}.spain{left:.55rem}.uk{right:.55rem}.switch input:checked+.slider:before{border-radius:0 999px 999px 0;transform:translateX(100%)}.switch input{display:none}.flag svg{height:100%;width:100%}@media screen and (max-width:768px){.navbar{max-height:4rem;min-height:4rem;padding:0 .85rem}.route-name{font-size:.85rem;letter-spacing:.08em}.sidebar-toggle{font-size:1.35rem}.switch{height:2rem;width:4rem}.flag{height:.75rem;width:1.15rem}.spain{left:.45rem}.uk{right:.45rem}}.sidebar{-ms-overflow-style:none;align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background-color:#05273e;border-right:1px solid #3a8fc447;border-right:1px solid var(--color-border,#3a8fc447);box-shadow:6px 0 28px #00000059;display:flex;flex-direction:column;flex-shrink:0;height:100vh;justify-content:flex-start;max-width:420px;min-width:320px;overflow-x:hidden;overflow-y:auto;padding:2.25rem 1.75rem 2.5rem;scrollbar-width:none;transition:transform .35s ease;transition:transform .35s var(--ease-out,ease);width:28vw;width:var(--sidebar-width,28vw);z-index:200}.sidebar::-webkit-scrollbar{display:none}.sidebar.hidden{pointer-events:none;transform:translateX(-100%)}.sidebar.show{pointer-events:auto;transform:translateX(0)}.close-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:2.75rem;justify-content:center;left:1.1rem;position:absolute;top:1.1rem;transition:background .25s ease,transform .25s ease;width:2.75rem;z-index:10}.close-btn:hover{background:#ffffff29;transform:scale(1.05)}.logo{cursor:pointer;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));margin-top:.75rem;transition:transform .3s ease,filter .3s ease;width:min(14vw,160px)}.logo:hover{filter:drop-shadow(0 8px 18px rgba(58,143,196,.4));transform:scale(1.05)}.sidebar-name{color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-family:var(--font-body,"Manrope",sans-serif);font-size:clamp(1.35rem,1.9vw,1.85rem);font-weight:700;letter-spacing:0;line-height:1.5;margin:1.25rem 0 .55rem;max-width:100%;overflow:visible;padding:.25em .15em;text-align:center;transition:color .25s ease,text-shadow .25s ease;white-space:nowrap;width:auto}.sidebar-name:hover{color:#7ec8e8;color:var(--color-highlight,#7ec8e8);text-shadow:0 4px 12px #3282b873}.sidebar-description{color:#ffffffe6;font-size:clamp(1rem,1.25vw,1.15rem);font-style:oblique;line-height:1.5;margin-bottom:2.75rem;text-align:center;width:85%}.sidebar-nav{flex-direction:column;gap:1.5rem;width:100%}.button,.sidebar-nav{align-items:center;display:flex;justify-content:center}.button{background-color:initial;border:.22em ridge #3282b8;border-radius:.4em;box-shadow:0 2px 8px #0003;box-sizing:border-box;color:#fff;cursor:pointer;font-size:clamp(1.05rem,1.35vw,1.25rem);font-weight:600;gap:.75rem;height:3.85rem;margin:0 auto;min-height:3.85rem;outline:none;overflow:visible;padding:0 1.25rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:85%;z-index:1}.button:after{top:-20%}.button:after,.button:before{background-color:#05273e;content:"";height:40%;left:3%;pointer-events:none;position:absolute;transform-origin:center;transition:.5s;width:94%;z-index:-1}.button:before{top:90%}.button.active:after,.button.active:before,.button:hover:after,.button:hover:before{transform:scale(0)}.button.active,.button:hover{border-color:#4a9fd4;box-shadow:inset 0 0 25px #3282b8,0 4px 16px #3282b866;color:#fff;transform:translateY(-2px)}.button .icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.15em;justify-content:center;margin:0;width:1.2em}@media (max-width:1024px){.sidebar{left:0;max-width:100vw;min-width:100vw;padding-top:4rem;position:fixed;top:0;width:100vw}.logo{margin-top:1rem;max-width:180px;width:36vw}.sidebar-name{font-size:clamp(1.4rem,6vw,1.9rem);line-height:1.5;padding:.25em .15em}.sidebar-description{font-size:1.15rem}.button{font-size:1.2rem;height:3.75em;min-height:3.75em;width:min(85%,360px)}.button:after{height:30%}}.home-content{align-items:center;color:var(--color-text-primary);display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:clamp(1.5rem,4vw,3rem);position:relative;width:100%}.home-orb{animation:floatOrb 14s ease-in-out infinite,pulseGlow 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.home-orb--one{background:#3a8fc447;height:min(42vw,480px);right:8%;top:8%;width:min(42vw,480px)}.home-orb--two{animation-delay:-4s;background:#145a8c38;bottom:5%;height:min(36vw,380px);left:6%;width:min(36vw,380px)}.home-hero{align-items:center;animation:softRise .9s var(--ease-out) both;display:flex;flex-direction:column;max-width:min(920px,100%);overflow:visible;position:relative;text-align:center;width:100%;z-index:1}.large-logo{animation:fadeInDown 1s var(--ease-out);filter:drop-shadow(0 12px 36px rgba(0,0,0,.45));margin-bottom:1.25rem;transition:filter .35s var(--ease-out),transform .35s var(--ease-out);width:min(28vw,220px)}.large-logo:hover{filter:drop-shadow(0 16px 40px rgba(58,143,196,.45));transform:scale(1.03)}.home-brand{animation:fadeInUp .9s var(--ease-out) .1s both;color:#fff;font-family:var(--font-body);font-size:clamp(1.55rem,3.8vw,3rem);font-weight:800;letter-spacing:-.01em;line-height:1.4;margin-bottom:.5rem;max-width:100%;overflow:visible;padding:.15em .25em;text-shadow:0 2px 24px #7ec8e859;white-space:nowrap}.home-role{animation:fadeInUp .9s var(--ease-out) .2s both;color:var(--color-text-secondary);font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:500;letter-spacing:.04em;margin-bottom:1.5rem;text-transform:uppercase}.home-divider{animation:lineGrow .8s var(--ease-out) .35s both;background:linear-gradient(90deg,#0000,var(--color-primary-light),#0000);border:none;height:2px;margin:0 0 1.5rem;transform-origin:center;width:min(280px,55%)}.motto{animation:fadeInUp .9s var(--ease-out) .45s both;color:#ffffffe6;font-size:clamp(1.05rem,1.6vw,1.35rem);font-style:italic;line-height:1.7;margin:0 0 2rem;max-width:34rem;text-align:center}.home-actions{animation:fadeInUp .9s var(--ease-out) .55s both;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}.home-btn{-webkit-appearance:none;appearance:none;border:none;border-radius:999px;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.02em;padding:.85rem 1.6rem;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s var(--ease-out),border-color .25s var(--ease-out)}.home-btn--primary{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-dark));box-shadow:0 8px 24px #3a8fc459;color:#fff}.home-btn--primary:hover{box-shadow:0 12px 28px #3a8fc480;transform:translateY(-2px)}.home-btn--ghost{background:#0000;border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.home-btn--ghost:hover{background:#3a8fc41a;border-color:var(--color-primary-light);transform:translateY(-2px)}@media (max-width:1024px){.home-content{justify-content:center;padding-bottom:3rem;padding-top:2rem}.large-logo{width:min(42vw,180px)}.home-actions{width:100%}.home-btn{flex:1 1 auto;min-width:140px}}.card-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:960px;padding-bottom:4.5rem;position:relative;width:100%}.card{filter:drop-shadow(0 10px 28px rgba(0,0,0,.35));height:380px;overflow:visible;perspective:1200px;position:relative;transition:filter .7s ease,transform .7s ease;transition:filter .7s var(--ease-out,ease),transform .7s var(--ease-out,ease);width:min(360px,88%)}.content{position:relative;transform-style:preserve-3d;transition:transform .75s ease;transition:transform .75s var(--ease-out,ease)}.back,.content,.front{height:100%;width:100%}.back,.front{backface-visibility:hidden;background-color:#05273e;background-color:var(--color-bg-navbar,#05273e);border:1px solid #3a8fc447;border:1px solid var(--color-border,#3a8fc447);border-radius:22px;border-radius:var(--radius-lg,22px);box-shadow:0 12px 36px #0006;position:absolute}.front{align-items:center;display:flex;justify-content:center;overflow:hidden}.front:before{animation:rotation_481 6s linear infinite;background:linear-gradient(90deg,#0000,var(--color-primary),var(--color-primary-light),var(--color-primary),#0000);content:"";display:block;height:160%;opacity:.85;position:absolute;width:8rem}.front-content{align-items:center;background:linear-gradient(160deg,#041f32,#0a2f4a);border-radius:20px;border-radius:calc(var(--radius-lg, 22px) - 2px);color:#fff;display:flex;flex-direction:column;height:calc(100% - 4px);justify-content:flex-start;position:absolute;width:calc(100% - 4px)}.card-image{border-radius:20px 20px 0 0;border-radius:calc(var(--radius-lg, 22px) - 2px) calc(var(--radius-lg, 22px) - 2px) 0 0;height:68%;object-fit:cover;object-position:center;width:100%}.card-title{font-family:Syne,sans-serif;font-family:var(--font-display,"Syne",sans-serif);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem;margin-top:.65rem;text-align:center}.back{background:linear-gradient(145deg,#0c3554,#041f32);color:#fff;justify-content:center;left:50%;min-height:max(100%,fit-content);overflow:visible;padding:1.75rem 1.75rem 1.5rem;pointer-events:none;top:50%;transform:translate(-50%,-50%) rotateY(180deg);width:min(720px,92vw)}.back,.back-content{align-items:center;display:flex;flex-direction:column;height:auto}.back-content{gap:1rem;justify-content:flex-start;position:relative;width:100%}.card-description{color:#ffffffeb;font-size:clamp(.82rem,1.05vw,.95rem);line-height:1.65;margin:0;max-height:none;max-width:640px;overflow:visible;text-align:center;width:100%}.card:hover .content{transform:rotateY(180deg)}.card:hover{filter:drop-shadow(0 16px 40px rgba(58,143,196,.35));transform:translateY(-6px);z-index:4}.card-technologies{bottom:.65rem;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;left:0;padding:.25rem;position:absolute;right:0}.back .card-technologies{margin-top:.25rem;position:static}.tech-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:1px solid #ffffff1a;border-radius:999px;box-shadow:0 2px 8px #3a8fc44d;color:#fff;font-size:.72rem;font-weight:600;padding:.28rem .65rem;transition:transform .2s ease;white-space:nowrap}.tech-badge:hover{transform:scale(1.06)}.card-buttons{bottom:0;display:flex;gap:.85rem;justify-content:center;left:0;pointer-events:auto;position:absolute;width:100%;z-index:5}.link-button,.photos-button{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:1px solid #ffffff26;border-radius:14px;box-shadow:0 6px 16px #3a8fc466;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:2.75rem;justify-content:center;text-decoration:none;transition:all .25s ease;transition:all .25s var(--ease-out,ease);width:2.75rem}.link-button:hover,.photos-button:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));transform:translateY(-3px) scale(1.06)}.image-modal{align-items:center;animation:fadein .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020c16f0;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:1000}.image-modal-content{align-items:center;cursor:grab;display:flex;gap:1.25rem;height:80%;overflow-x:auto;padding:1.5rem 0;-webkit-user-select:none;user-select:none;width:92%}.image-modal-content:active{cursor:grabbing}.image-modal-content::-webkit-scrollbar{height:6px}.image-modal-content::-webkit-scrollbar-thumb{background:#3a8fc480;border-radius:999px}.image-modal img{border:1px solid #ffffff14;border-radius:16px;box-shadow:0 12px 40px #00000080;height:min(70vh,520px);margin:0;max-height:90%;pointer-events:none}.image-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:2.75rem;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .25s ease;width:2.75rem}.image-modal-close:hover{background:#ffffff2e;transform:scale(1.08) rotate(90deg)}@media (max-width:1024px){.card-container{max-width:100%;padding-bottom:4rem}.card{height:340px;width:min(100%,340px)}.card:hover .content{transform:none}.card.flipped .content{transform:rotateY(180deg)}.front:before{width:6rem}.back{padding:1.25rem;width:min(100vw - 2rem,480px)}.content{transition:transform .55s ease;transition:transform .55s var(--ease-out,ease)}.card-title{font-size:1.05rem}.card-description{font-size:.8rem;line-height:1.55}.tech-badge{font-size:.68rem}.link-button,.photos-button{height:2.85rem;width:2.85rem}.image-modal img{height:55vh}.image-modal-close{right:1rem;top:1rem}}.projects-container{box-sizing:border-box;min-height:100%;overflow-x:hidden;overflow-y:visible;padding:clamp(1.5rem,4vh,3rem) clamp(1rem,3vw,2.5rem) 4rem;width:100%}.projects-header{animation:softRise .7s ease both;animation:softRise .7s var(--ease-out,ease) both;margin:0 auto 2.5rem;max-width:640px;text-align:center}.projects-heading{background:linear-gradient(135deg,#fff 30%,#7ec8e8);background:linear-gradient(135deg,#fff 30%,var(--color-highlight,#7ec8e8));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:.65rem}.projects-subtitle{color:#9bb4c9;color:var(--color-text-secondary,#9bb4c9);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.6}.projects-grid{flex-direction:column;gap:clamp(3rem,8vh,5.5rem)}.project-section,.projects-grid{align-items:center;display:flex;overflow:visible;width:100%}.project-section{justify-content:center;min-height:28rem;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;transition:opacity .6s var(--ease-out,ease),transform .6s var(--ease-out,ease)}.project-section.visible{opacity:1;transform:translateY(0)}.about-container{box-sizing:border-box;overflow-x:hidden;padding:clamp(1.5rem,4vh,3rem) clamp(1rem,3vw,2.5rem) 4rem;width:100%}.about-intro{animation:fadeInDown .7s ease both;animation:fadeInDown .7s var(--ease-out,ease) both;margin-bottom:2.5rem;text-align:center}.about-kicker{background:#3a8fc41f;border:1px solid #3a8fc44d;border-radius:999px;color:#7ec8e8;color:var(--color-highlight,#7ec8e8);display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.14em;padding:.45rem 1rem;text-transform:uppercase}.about-section{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:clamp(2.5rem,8vh,5rem);margin-left:auto;margin-right:auto;max-width:1100px;opacity:0;transform:translateX(-8%);transition:opacity .6s ease,transform .6s ease;transition:opacity .6s var(--ease-out,ease),transform .6s var(--ease-out,ease);width:100%}.about-section.right{flex-direction:row-reverse;transform:translateX(8%)}.about-section.visible{opacity:1;transform:translateX(0)}.content-card{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#0c3554d9,#05273eeb);border:1px solid #3a8fc447;border:1px solid var(--color-border,#3a8fc447);border-radius:22px;border-radius:var(--radius-lg,22px);box-shadow:0 8px 24px #0000004d;box-shadow:var(--shadow-md,0 8px 24px #0000004d);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.4rem,2.5vw,2.2rem);text-align:left;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease;transition:border-color .35s ease,transform .35s var(--ease-out,ease),box-shadow .35s ease;width:min(72%,720px)}.content-card:hover{border-color:#3a8fc48c;border-color:var(--color-border-strong,#3a8fc48c);box-shadow:0 0 32px #3a8fc440,var(--shadow-md);box-shadow:var(--shadow-glow,0 0 32px #3a8fc440),var(--shadow-md);transform:translateY(-4px)}.icon-container{align-items:center;color:#3a8fc4;color:var(--color-primary,#3a8fc4);display:flex;filter:drop-shadow(0 6px 14px rgba(58,143,196,.3));font-size:clamp(2.8rem,5vw,4.5rem);justify-content:center;min-width:72px;transition:transform .35s ease,color .35s ease;width:22%}.about-section.visible .icon-container{animation:softRise .7s ease .15s both;animation:softRise .7s var(--ease-out,ease) .15s both}.about-section:hover .icon-container,.content-card:hover+.icon-container{color:#7ec8e8;color:var(--color-highlight,#7ec8e8);transform:scale(1.08)}.about-title{color:#5aafd9;color:var(--color-primary-light,#5aafd9);font-size:clamp(1.35rem,2.4vw,2rem);font-weight:700;letter-spacing:-.03em;margin-bottom:1rem}.about-description{color:#ffffffeb;font-size:clamp(.95rem,1.15vw,1.05rem);line-height:1.75}.skills-grid{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:1.25rem 0 0;padding:0}.skill-chip{background:linear-gradient(135deg,#3a8fc48c,#2c6f9ebf);border:1px solid #ffffff1f;border-radius:999px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.4rem .75rem;transition:transform .2s ease,box-shadow .2s ease}.skill-chip:hover{box-shadow:0 4px 12px #3a8fc459;transform:translateY(-2px)}.cv-button-fixed{align-items:center;animation:bounce .8s ease;animation:bounce .8s var(--ease-out,ease);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:1px solid #ffffff2e;border-radius:999px;box-shadow:0 8px 24px #3a8fc466;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-family:var(--font-body,inherit);font-size:.8rem;font-weight:700;letter-spacing:.06em;overflow:hidden;padding:.75rem 1.35rem;position:fixed;right:1.25rem;text-decoration:none;text-transform:uppercase;top:5.5rem;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;z-index:50}.cv-button-fixed:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:0 12px 28px #3a8fc48c;transform:translateY(-2px)}.cv-button-content{position:relative;z-index:1}@media (max-width:1024px){.about-section{flex-direction:column-reverse!important;gap:1rem;margin-bottom:2rem}.content-card{text-align:left;width:100%}.icon-container{font-size:2.75rem;margin-bottom:0;width:100%}.cv-button-fixed{bottom:1.25rem;font-size:.85rem;justify-content:center;left:1rem;right:1rem;top:auto}}.contact-container{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;padding:clamp(1.5rem,4vh,3rem) clamp(1rem,3vw,2.5rem) 3.5rem;text-align:center;width:100%}.contact-header{animation:softRise .7s ease both;animation:softRise .7s var(--ease-out,ease) both;margin-bottom:1.75rem;max-width:560px}.contact-heading{background:linear-gradient(135deg,#fff 30%,#7ec8e8);background:linear-gradient(135deg,#fff 30%,var(--color-highlight,#7ec8e8));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:.75rem}.contact-description{color:#9bb4c9;color:var(--color-text-secondary,#9bb4c9);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.7}.contact-form{animation:softRise .7s ease .1s both;animation:softRise .7s var(--ease-out,ease) .1s both;display:flex;flex-direction:column;gap:.75rem;width:min(560px,92%)}.form-input,.form-textarea{background:#05273ebf;border:1px solid #3a8fc447;border:1px solid var(--color-border,#3a8fc447);border-radius:14px;border-radius:var(--radius-md,14px);box-shadow:var(--shadow-sm);color:#fff;font-size:.95rem;padding:.95rem 1.1rem;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.form-input::placeholder,.form-textarea::placeholder{color:#6e8aa0;color:var(--color-text-muted,#6e8aa0)}.form-input:focus,.form-textarea:focus{background:#05273ef2;border-color:#5aafd9;border-color:var(--color-primary-light,#5aafd9);box-shadow:0 0 0 3px #3a8fc433;outline:none}.form-textarea{min-height:140px;resize:vertical}.form-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:1px solid #ffffff26;border-radius:999px;box-shadow:0 8px 22px #3a8fc459;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.03em;margin-top:.35rem;padding:.95rem 1.25rem;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.form-button:hover:not(:disabled){box-shadow:0 12px 28px #3a8fc480;transform:translateY(-2px)}.form-button:disabled{cursor:not-allowed;opacity:.65}.contact-info{animation:softRise .7s ease .2s both;animation:softRise .7s var(--ease-out,ease) .2s both;flex-direction:column;gap:.85rem;margin-top:2.25rem}.contact-info,.info-item{align-items:center;display:flex}.info-item{color:#ffffffe6;font-size:.95rem;gap:.65rem;text-decoration:none;transition:color .2s ease}.info-item:hover{color:#7ec8e8;color:var(--color-highlight,#7ec8e8)}.contact-icon{color:#5aafd9;color:var(--color-primary-light,#5aafd9);flex-shrink:0}.contact-socials{display:flex;gap:1.25rem;margin-top:.75rem}.contact-socials a{color:#fff;display:inline-flex;font-size:1.75rem;transition:color .25s ease,transform .25s ease}.contact-socials a:hover{color:#5aafd9;color:var(--color-primary-light,#5aafd9);transform:translateY(-3px)}.error-message{background:#dc3c3c1f;border:1px solid #dc3c3c4d;border-radius:12px;color:#ff8a8a}.error-message,.success-message{font-size:.9rem;margin-bottom:.75rem;padding:.6rem 1rem}.success-message{background:#28a05a1f;border:1px solid #28a05a4d;border-radius:12px;color:#7dffa8}.form-input.error,.form-textarea.error{border-color:#e85a5a;box-shadow:0 0 0 2px #e85a5a33}@media (max-width:1024px){.contact-form{width:100%}}.pe2-root{background:#031624;color:#eef5fa;display:flex;flex-direction:column;font-family:Manrope,sans-serif;font-family:var(--font-body,"Manrope",sans-serif);height:100%;min-height:100%;width:100%}.pe2-welcome{background:radial-gradient(ellipse 70% 50% at 50% -10%,#3a8fc438,#0000 60%),#031624;overflow:auto;padding:1.5rem clamp(1rem,4vw,3rem) 2.5rem}.pe2-welcome-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.pe2-welcome-bar h1{font-family:Syne,sans-serif;font-family:var(--font-display,"Syne",sans-serif);font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.04em;margin:0 0 .25rem}.pe2-welcome-bar p{color:#8aa4b8;margin:0}.pe2-back{align-items:center;border-radius:8px;color:#8aa4b8;display:inline-flex;gap:.4rem;padding:.45rem .7rem;text-decoration:none}.pe2-back:hover{background:#3a8fc426;color:#fff}.pe2-drop{background:#0828408c;border:2px dashed #3a8fc473;border-radius:24px;margin:0 auto;max-width:720px;padding:3rem 1.5rem;text-align:center;transition:.25s ease}.pe2-drop.on{background:#3a8fc42e;border-color:#7ec8e8;transform:scale(1.01)}.pe2-drop-ico{color:#5aafd9;font-size:3rem;margin-bottom:1rem}.pe2-drop h2{font-size:1.5rem;margin:0 0 .4rem}.pe2-drop>p{color:#8aa4b8;margin:0 0 1.5rem}.pe2-welcome-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.pe2-btn{align-items:center;background:#ffffff0a;border:1px solid #3a8fc459;border-radius:10px;color:#eef5fa;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.45rem;padding:.65rem 1rem;transition:.18s ease}.pe2-btn:hover{background:#3a8fc42e}.pe2-btn-main{border-color:#0000;box-shadow:0 8px 24px #3a8fc447;color:#fff}.pe2-btn-main,.pe2-btn-main:hover{background:linear-gradient(135deg,#3a8fc4,#2c6f9e)}.pe2-btn-main:hover{filter:brightness(1.08)}.pe2-btn-main:disabled{cursor:not-allowed;filter:none;opacity:.5}.pe2-icon{align-items:center;background:#0000;border:none;border-radius:8px;color:#9bb4c9;cursor:pointer;display:inline-flex;height:36px;justify-content:center;text-decoration:none;width:36px}.pe2-icon:hover:not(:disabled){background:#3a8fc42e;color:#fff}.pe2-icon:disabled{cursor:not-allowed;opacity:.3}.pe2-app{overflow:hidden}.pe2-top{align-items:center;background:#062338;border-bottom:1px solid #3a8fc438;display:flex;flex-shrink:0;gap:.75rem;padding:.55rem .85rem}.pe2-top-center,.pe2-top-left,.pe2-top-right{align-items:center;display:flex;gap:.35rem;min-width:0}.pe2-top-left{flex:1 1}.pe2-top-center{justify-content:center}.pe2-top-right{flex:1 1;justify-content:flex-end}.pe2-title{display:flex;flex-direction:column;margin-left:.25rem;min-width:0}.pe2-title strong{font-size:.9rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe2-title span{color:#6e8aa0;font-size:.7rem}.pe2-pill{background:#00000047;border-radius:8px;color:#9bb4c9;font-size:.78rem;min-width:3.5rem;padding:.35rem .55rem;text-align:center}.pe2-sep{background:#3a8fc440;height:22px;margin:0 .25rem;width:1px}.pe2-workspace{display:grid;flex:1 1;grid-template-columns:92px minmax(0,1fr) 150px;min-height:0}.pe2-rail{background:#041c2e;border-right:1px solid #3a8fc433;overflow-y:auto;padding:.4rem .3rem}.pe2-rail,.pe2-tool{display:flex;flex-direction:column;gap:.2rem}.pe2-tool{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#8aa4b8;cursor:pointer;font-size:.62rem;line-height:1.15;padding:.5rem .2rem;transition:.15s ease;width:100%}.pe2-tool svg{font-size:1rem}.pe2-tool:hover{background:#3a8fc424;color:#fff}.pe2-tool.active{background:#3a8fc447;border-color:#7ec8e859;color:#fff}.pe2-tool.accent.active{background:#2ea06e47;border-color:#2ecc7166}.pe2-rail-extra{border-top:1px solid #3a8fc42e;gap:.2rem;margin-top:auto;padding-top:.5rem}.pe2-center,.pe2-rail-extra{display:flex;flex-direction:column}.pe2-center{background:#02111d;min-height:0;min-width:0}.pe2-format{align-items:center;background:#0a2f4a;border-bottom:1px solid #3a8fc433;display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem .85rem}.pe2-format input[type=number],.pe2-format select{background:#0000004d;border:1px solid #3a8fc44d;border-radius:8px;color:#fff;font-size:.82rem;padding:.35rem .5rem}.pe2-format input[type=number]{width:56px}.pe2-format>button{background:#0000;border:1px solid #0000;border-radius:8px;color:#9bb4c9;cursor:pointer;height:32px;width:32px}.pe2-format>button.on,.pe2-format>button:hover{background:#3a8fc440;color:#fff}.pe2-swatch{border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:18px;padding:0;width:18px}.pe2-swatch.on{box-shadow:0 0 0 2px #7ec8e8}.pe2-swatch-pick{background:#333;overflow:hidden;position:relative}.pe2-swatch-pick input{cursor:pointer;inset:0;opacity:0;position:absolute}.pe2-range{align-items:center;color:#8aa4b8;display:inline-flex;font-size:.72rem;gap:.35rem;margin-left:.35rem}.pe2-range input{accent-color:#3a8fc4;width:80px}.pe2-danger{align-items:center;background:#c0392b33;border:1px solid #e74c3c73;border-radius:8px;color:#f5b7b1;cursor:pointer;display:inline-flex;font-size:.78rem;gap:.35rem;height:auto!important;margin-left:auto;padding:.35rem .65rem;width:auto!important}.pe2-hint{background:#3a8fc41a;border-bottom:1px solid #3a8fc42e;color:#7ec8e8;font-size:.8rem;padding:.45rem .9rem}.pe2-canvas-scroll{background:radial-gradient(ellipse at top,#3a8fc40f,#0000 50%),repeating-conic-gradient(#041c2e 0 25%,#031624 0 50%) 0 0 /16px 16px;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:1.5rem}.pe2-stage{background:#fff;box-shadow:0 18px 48px #00000073,0 0 0 1px #ffffff0f;cursor:crosshair;flex-shrink:0;line-height:0;position:relative;touch-action:none}.pe2-draw,.pe2-pdf{display:block;height:100%;inset:0;position:absolute;width:100%}.pe2-pdf{position:relative;z-index:0}.pe2-draw{pointer-events:none;z-index:1}.pe2-text-box{border:1px solid #0000;box-sizing:border-box;cursor:text;line-height:1.25;padding:1px 2px;position:absolute;white-space:pre-wrap;word-break:break-word;z-index:3}.pe2-text-box.selected,.pe2-text-box:hover{background:#ffffffeb!important;border-color:#3a8fc4;outline:1px dashed #3a8fc499}.pe2-edit-toolbar{align-items:center;background:#145a8238;border-bottom:1px solid #3a8fc447;color:#b8d4e8;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.45rem;padding:.5rem .85rem}.pe2-edit-toolbar>span:first-child{color:#7ec8e8;font-weight:700}.pe2-edit-toolbar button{align-items:center;background:#0003;border:1px solid #3a8fc459;border-radius:999px;color:#cfe3f0;cursor:pointer;display:inline-flex;font-size:.78rem;gap:.35rem;padding:.3rem .7rem}.pe2-edit-toolbar button em{background:#3a8fc459;border-radius:999px;font-size:.7rem;font-style:normal;padding:.05rem .4rem}.pe2-edit-toolbar button.on{background:#3a8fc466;border-color:#7ec8e8;color:#fff}.pe2-edit-note{color:#8aa4b8;font-size:.75rem;margin-left:.25rem}.pe2-native-hit{background:#38a0ff2e;border:1.5px solid #2a8cdcbf;border-radius:3px;box-sizing:border-box;cursor:text;overflow:hidden;padding:0;position:absolute;transition:background .12s ease,box-shadow .12s ease,border-color .12s ease;z-index:2}.pe2-native-hit .pe2-native-preview{display:none}.pe2-native-hit.hot,.pe2-native-hit:hover{background:#38a0ff52;border-color:#2f9ced;box-shadow:0 0 0 2px #2f9ced59;z-index:4}.pe2-native-hit.editing{background:#ffd60a47;border-color:#e6b800;box-shadow:0 0 0 2px #e6b80059;z-index:5}.pe2-native-hit.hot .pe2-native-preview,.pe2-native-hit:hover .pe2-native-preview{background:#0b2740;border:1px solid #7ec8e873;border-radius:6px;bottom:calc(100% + 4px);box-shadow:0 8px 20px #00000059;color:#e8f4fc;display:block;font-size:.72rem;left:0;line-height:1.3;max-width:min(360px,70vw);overflow:hidden;padding:.3rem .5rem;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.pe2-draft{background:#fff;border:2px solid #3a8fc4;border-radius:10px;box-shadow:0 16px 40px #00000047;max-width:92%;min-width:200px;padding:6px;position:absolute;z-index:10}.pe2-draft-edit{border-color:#e6b800;box-shadow:0 16px 40px #0000004d,0 0 0 3px #e6b80040}.pe2-draft-label{color:#3a8fc4;font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1.2;padding:2px 4px 6px;text-transform:uppercase}.pe2-draft-edit .pe2-draft-label{color:#b8860b}.pe2-draft textarea{background:#fffef5;border:none;border-radius:6px;line-height:1.35;min-height:64px;outline:none;padding:8px;resize:both;width:100%}.pe2-draft-actions{background:#f3f7fb;border-radius:6px;display:flex;gap:.4rem;justify-content:flex-end;margin-top:6px;padding:6px}.pe2-draft-actions .pe2-btn{color:#234;font-size:.8rem;padding:.4rem .7rem}.pe2-draft-actions .pe2-btn-main{color:#fff}.pe2-pages{background:#041c2e;border-left:1px solid #3a8fc433;display:flex;flex-direction:column;min-height:0}.pe2-pages-head{border-bottom:1px solid #3a8fc42e;color:#6e8aa0;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.7rem .75rem;text-transform:uppercase}.pe2-thumbs{display:flex;flex:1 1;flex-direction:column;gap:.45rem;overflow-y:auto;padding:.55rem}.pe2-thumb{background:#00000040;border:1px solid #0000;border-radius:8px;color:#6e8aa0;cursor:pointer;padding:.3rem}.pe2-thumb img{border-radius:4px;display:block;width:100%}.pe2-thumb span{display:block;font-size:.68rem;margin-top:.2rem;text-align:center}.pe2-thumb.active,.pe2-thumb:hover{background:#3a8fc41f;border-color:#3a8fc4;color:#fff}.pe2-props{border-top:1px solid #3a8fc42e;padding:.75rem}.pe2-props h4{color:#6e8aa0;font-size:.72rem;letter-spacing:.06em;margin:0 0 .3rem;text-transform:uppercase}.pe2-props p{color:#9bb4c9;font-size:.8rem;margin:0 0 .5rem}.pe2-props textarea{background:#0000004d;border:1px solid #3a8fc44d;border-radius:8px;color:#fff;font-size:.8rem;padding:.45rem;resize:vertical;width:100%}.pe2-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a12b8;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.pe2-modal{background:linear-gradient(165deg,#0d3a5c,#06263a);border:1px solid #3a8fc473;border-radius:18px;box-shadow:0 20px 50px #0006;padding:1.25rem;width:min(440px,100%)}.pe2-modal h3{font-size:1.15rem;margin:0 0 .85rem}.pe2-modal input{background:#00000047;border:1px solid #3a8fc44d;border-radius:8px;color:#fff;margin-bottom:.85rem;padding:.65rem .75rem;width:100%}.pe2-modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.pe2-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.pe2-chips button{background:#00000038;border:1px solid #3a8fc44d;border-radius:999px;color:#9bb4c9;cursor:pointer;font-size:.75rem;padding:.35rem .7rem}.pe2-chips button.on,.pe2-chips button:hover{background:#3a8fc447;border-color:#3a8fc4;color:#fff}.pe2-sig{background:#fff;border-radius:8px;cursor:crosshair;margin-bottom:.85rem;touch-action:none;width:100%}.pe2-sig-saved{background:#00000038;border:1px solid #3a8fc44d;border-radius:12px;display:flex;flex-direction:column;gap:.55rem;margin-bottom:.85rem;padding:.65rem}.pe2-sig-saved img{align-self:flex-start;background:#fff;border-radius:8px;max-height:72px;max-width:100%;object-fit:contain;padding:6px;width:auto}.pe2-sig-saved-actions{display:flex;flex-wrap:wrap;gap:.4rem}.pe2-sig-help{color:#8aa4b8;font-size:.82rem;margin:0 0 .5rem}.pe2-sig-thumb{background:#fff;border-radius:4px;height:28px;max-width:100px;object-fit:contain;padding:2px 6px;width:auto}.pe2-check{align-items:center;color:#cfe3f0;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;margin:.35rem 0 .85rem}.pe2-check input{accent-color:#3a8fc4;height:16px;width:16px}.pe2-toast{background:#082840f5;border:1px solid #3a8fc480;border-radius:999px;bottom:1.25rem;box-shadow:0 10px 30px #00000059;color:#fff;font-size:.85rem;left:50%;padding:.65rem 1.15rem;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:200}@media (max-width:900px){.pe2-workspace{grid-template-columns:72px minmax(0,1fr)}.pe2-pages,.pe2-tool span{display:none}.pe2-title strong{max-width:100px}}@media (max-width:640px){.pe2-workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pe2-rail{border-bottom:1px solid #3a8fc433;border-right:none;flex-direction:row;overflow-x:auto;padding:.35rem}.pe2-rail-extra{border-left:1px solid #3a8fc42e;border-top:none;flex-direction:row;margin-top:0;padding-left:.35rem;padding-top:0}.pe2-tool{min-width:52px}}.mainContent-container{color:#fff;min-height:100vh;position:relative}.main-section,.mainContent-container{background-color:#041f32;background-color:var(--color-bg-dark,#041f32);display:flex;height:100vh;overflow:hidden;width:100%}.main-section{flex:1 1;flex-direction:column;max-width:100%;min-width:0;transition:margin-left .35s ease;transition:margin-left .35s var(--ease-out,ease)}.app-router{display:flex;flex-direction:column;height:100%;overflow:hidden}.mainContent-container.fullscreen-tool{display:block}.mainContent-container.fullscreen-tool .main-section{height:100vh;margin:0;max-width:100%;min-height:100vh;min-height:100dvh;width:100%}.app-router-tool{height:100%;width:100%}.app-router-tool .app-router-content{height:100%;overflow:hidden}.app-router-tool .pe-root{height:100%;min-height:100%;width:100%}.app-router-content{flex:1 1;overflow-y:auto;position:relative;scroll-behavior:smooth}.mainContent-container.sidebar-hidden .main-section,.mainContent-container.sidebar-visible .main-section{margin-left:0}#root,body,html{background-color:#041f32;background-color:var(--color-bg-dark,#041f32);height:100%;margin:0;padding:0}@media (max-width:1024px){.mainContent-container.sidebar-hidden .main-section,.mainContent-container.sidebar-visible .main-section{margin-left:0;width:100%}}
/*# sourceMappingURL=main.22695477.css.map*/