: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%}}.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}.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.b120439f.css.map*/