@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bace89c4-module__09p2wq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bace89c4-module__09p2wq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_7c9ff9f8-module__Oresjq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_7c9ff9f8-module__Oresjq__variable{--font-space:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e2b0007eb6d309c5-s.0m-m.nl81sq~s.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c52371ad357d63ab-s.0n597sl24zxtl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d622c970823c5a32-s.p.0cnfmqtkuqke9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bangers Fallback;src:local(Arial);ascent-override:107.26%;descent-override:21.99%;line-gap-override:0.0%;size-adjust:82.32%}.bangers_e12bae55-module__HV9eqG__className{font-family:Bangers,Bangers Fallback;font-style:normal;font-weight:400}.bangers_e12bae55-module__HV9eqG__variable{--font-bangers:"Bangers", "Bangers Fallback"}
:root{--primary:#029ed7;--primary-light:#71d1ea;--primary-dark:#0179a3;--primary-rgb:2, 158, 215;--primary-light-rgb:113, 209, 234;--primary-dark-rgb:1, 121, 163;--primary-glow:rgba(var(--primary-rgb), .15);--primary-gradient:linear-gradient(135deg, #029ed7 0%, #71d1ea 100%);--bg:#fafbfe;--bg-alt:#f0f4f8;--surface:#fff;--surface-hover:#f7f9fc;--surface-glass:#ffffffb3;--border:#e2e8f0;--border-light:#eef2f7;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#a0aec0;--text-on-primary:#fff;--accent:#7c3aed;--accent-light:#a78bfa;--accent-rgb:124, 58, 237;--accent-light-rgb:167, 139, 250;--text-on-accent:#fff;--card-bg-1:#dcf4ff;--card-bg-2:#fffcc2;--card-bg-3:#f0e6ff;--card-bg-4:#e8ffdb;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-heading:var(--font-space), sans-serif;--font-comic:var(--font-bangers), cursive;--font-body:var(--font-inter), sans-serif;--fs-display:clamp(2.5rem, 5vw, 4rem);--fs-h1:clamp(2rem, 4vw, 3rem);--fs-h2:clamp(1.5rem, 3vw, 2.25rem);--fs-h3:1.25rem;--fs-body:1rem;--fs-sm:.875rem;--fs-xs:.75rem;--section-gap:6rem;--container-width:1100px;--container-padding:1.5rem;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000000a, 0 2px 4px #0000000f;--shadow-lg:0 10px 25px #0000000f, 0 4px 10px #0000000a;--shadow-xl:0 20px 50px #00000014, 0 8px 20px #0000000a;--shadow-glow:0 0 30px rgba(var(--primary-rgb), .15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--nav-height:4rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.3}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:var(--container-width);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--section-gap) 0}.section__title{font-family:var(--font-comic);letter-spacing:.05em;text-transform:uppercase;text-align:center;color:var(--primary-light);-webkit-text-stroke:2px var(--text-primary);text-shadow:3px 3px 0 var(--text-primary);margin-bottom:.75rem;font-size:3.2rem;position:relative}.section__subtitle{text-align:center;color:var(--text-primary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;max-width:550px;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;font-size:1rem;font-weight:700}.section__accent-line{background:var(--primary);border:3px solid var(--text-primary);width:80px;height:8px;box-shadow:2px 2px 0 var(--text-primary);border-radius:9999px;margin:.75rem auto 0;display:block}.section--dots{background-image:radial-gradient(rgba(var(--primary-rgb), .07) 2px, transparent 2px);background-size:16px 16px;background-color:var(--bg)}.navbar{z-index:1000;width:calc(100% - 3rem);max-width:var(--container-width);background:rgba(var(--primary-rgb), .9);-webkit-backdrop-filter:blur(15px);border-radius:9999px;height:4.5rem;transition:all .45s cubic-bezier(.25,1,.5,1);position:fixed;top:1.5rem;left:50%;transform:translate(-50%);border:3px solid var(--text-primary)!important;box-shadow:4px 4px 0 var(--text-primary)!important}.navbar__inner{justify-content:space-between;align-items:center;height:100%;padding:0 2rem;transition:padding .45s;display:flex}.navbar__logo{font-family:var(--font-comic);color:#fff;letter-spacing:.05em;-webkit-text-stroke:1.5px var(--text-primary);text-shadow:2px 2px 0 var(--text-primary);font-size:1.8rem;font-weight:700;transition:color .45s}.navbar__logo span{color:var(--primary-light)}.navbar__links{align-items:center;gap:.25rem;display:flex}.navbar__link{font-size:var(--fs-xs);color:#ffffffd9;text-transform:uppercase;letter-spacing:.08em;transition:var(--transition);border-radius:9999px;padding:.5rem 1.25rem;font-weight:600}.navbar__link:hover{color:#fff;background:#ffffff26}.navbar__link--active{border:2px solid var(--text-primary);box-shadow:2px 2px 0 var(--text-primary);transform:translate(-1px,-1px);color:var(--text-primary)!important;background:var(--primary-light)!important}.navbar__right{align-items:center;gap:1rem;display:flex}.navbar__cta{font-size:var(--fs-xs);color:var(--text-primary);border:2px solid var(--text-primary);box-shadow:2px 2px 0 var(--text-primary);text-transform:uppercase;letter-spacing:.05em;background:#fff;border-radius:9999px;justify-content:center;align-items:center;padding:.55rem 1.5rem;font-weight:700;transition:all .15s;display:inline-flex}.navbar__cta:hover{box-shadow:1px 1px 0 var(--text-primary);background:var(--primary-light);transform:translate(1px,1px)}.navbar__toggle{color:#fff;cursor:pointer;transition:var(--transition);background:0 0;border-radius:50%;padding:.5rem;font-size:1.5rem;display:none}.navbar__toggle:hover{background:#ffffff1f}.navbar--scrolled{background:rgba(var(--primary-dark-rgb), .95);width:100%;max-width:100vw;height:4rem;box-shadow:0 4px 0 var(--text-primary);border-top:none;border-left:none;border-right:none;border-radius:0;top:0;border-bottom:3px solid var(--text-primary)!important}.navbar--scrolled .navbar__inner{padding:0 var(--container-padding)}.navbar__mobile-menu{display:none}@media (max-width:768px){.navbar{width:calc(100% - 2rem);height:4rem;top:1rem}.navbar__inner{padding:0 1.25rem}.navbar__links,.navbar__cta{display:none}.navbar__toggle{justify-content:center;align-items:center;display:flex}.navbar__mobile-menu{background:var(--surface);width:280px;height:100vh;transition:var(--transition);z-index:1020;padding:5rem 2rem 2rem;display:block;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}.navbar__mobile-menu--open{transform:translate(0)}.navbar__mobile-link{color:var(--text-secondary);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition);padding:1rem 0;font-size:1rem;font-weight:600;display:block}.navbar__mobile-link:hover{color:var(--primary);padding-left:.5rem}.navbar__mobile-close{color:var(--text-primary);background:0 0;padding:.5rem;font-size:1.5rem;position:absolute;top:1.25rem;right:1.25rem}.navbar__overlay{z-index:1010;opacity:0;pointer-events:none;transition:var(--transition);background:#0000004d;position:fixed;inset:0}.navbar__overlay--visible{opacity:1;pointer-events:auto}}.hero{min-height:100vh;padding-top:calc(var(--nav-height) + 3.5rem);background:radial-gradient(ellipse at 20% 50%, rgba(var(--primary-rgb), .08) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(var(--primary-light-rgb), .06) 0%, transparent 50%), radial-gradient(ellipse at 60% 80%, rgba(var(--accent-rgb), .04) 0%, transparent 50%), var(--bg);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--primary-gradient);opacity:.04;filter:blur(80px);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.hero__container{z-index:2;grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;display:grid;position:relative}.hero__image-wrapper{justify-content:center;display:flex}.hero__image-ring{background:var(--primary-gradient);width:300px;height:300px;box-shadow:var(--shadow-glow);border-radius:50%;padding:6px;position:relative}.hero__image-ring:before{content:"";border:2px dashed var(--primary-light);opacity:.4;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:-8px}@keyframes spin{to{transform:rotate(360deg)}}.hero__image{object-fit:cover;background:var(--bg);border-radius:50%;width:100%;height:100%}.hero__content{flex-direction:column;gap:1.25rem;display:flex}.hero__greeting{background:var(--accent);width:fit-content;color:var(--text-on-accent);border:2px solid var(--text-primary);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;box-shadow:2px 2px 0 var(--text-primary);margin-bottom:.5rem;padding:.25rem .75rem;display:inline-block;transform:rotate(-1.5deg)}.hero__name{font-family:var(--font-comic);letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary);margin-top:.5rem;font-size:clamp(2.8rem,6vw,4.2rem);line-height:1.1}.hero__name span{color:var(--primary-light);-webkit-text-stroke:2px var(--text-primary);text-shadow:4px 4px 0 var(--text-primary)}@keyframes arrange-life{0%{transform:translate(var(--start-x,0), var(--start-y,0)) rotate(var(--start-rot,0deg)) scale(.6);opacity:0}15%{opacity:1}45%{transform:translate(var(--collide-x,0), var(--collide-y,0)) rotate(var(--collide-rot,0deg)) scale(1.15);opacity:1}60%{transform:translate(calc(var(--collide-x,0) * .7), calc(var(--collide-y,0) * .7)) rotate(calc(var(--collide-rot,0deg) * -.5)) scale(.95)}to{transform:translate(0, 0) rotate(var(--final-rot,0deg)) scale(1);opacity:1}}.hero__greeting.animate-arrange{--final-rot:-1.5deg;animation:2.8s cubic-bezier(.34,1.56,.64,1) forwards arrange-life;animation-delay:var(--delay,0s)}.hero__name.animate-arrange,.hero__title.animate-arrange,.hero__info-item.animate-arrange,.hero__actions .btn.animate-arrange,.hero__social-link.animate-arrange{--final-rot:0deg;animation:2.8s cubic-bezier(.34,1.56,.64,1) forwards arrange-life;animation-delay:var(--delay,0s)}.hero__title{font-family:var(--font-heading);font-size:var(--fs-h3);color:var(--text-secondary);letter-spacing:.02em;font-weight:600}.hero__title-cursor{background:var(--primary);vertical-align:text-bottom;width:2px;height:1.2em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__info-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.hero__info-item{font-size:var(--fs-sm);color:var(--text-secondary);align-items:center;gap:.75rem;display:flex}.hero__info-icon{border-radius:var(--radius-sm);border:2px solid var(--text-primary);width:32px;height:32px;box-shadow:2px 2px 0 var(--text-primary);background:var(--primary-light);color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero__actions{gap:1rem;margin-top:1rem;display:flex}.hero__socials{gap:.75rem;margin-top:.5rem;display:flex}.hero__social-link{border:1.5px solid var(--border);width:42px;height:42px;color:var(--text-secondary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.hero__social-link:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-glow);box-shadow:var(--shadow-md);transform:translateY(-3px)}@media (max-width:768px){.hero__container{text-align:center;grid-template-columns:1fr;gap:2.5rem}.hero__image-ring{width:220px;height:220px}.hero__content{align-items:center}.hero__actions{flex-direction:column;align-items:center}.hero__socials{justify-content:center}.hero__info-list{align-items:center}}.btn{font-family:var(--font-comic);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:1.15rem;transition:all .15s;display:inline-flex;border:3px solid var(--text-primary)!important}.btn--primary{background:var(--primary);color:#fff;box-shadow:4px 4px 0 var(--text-primary)}.btn--primary:hover{box-shadow:2px 2px 0 var(--text-primary);background:var(--primary-light);transform:translate(2px,2px)}.btn--outline{color:var(--text-primary);box-shadow:4px 4px 0 var(--text-primary);background:#fff;border:3px solid var(--text-primary)!important}.btn--outline:hover{color:var(--primary-dark);background:var(--bg-alt);box-shadow:2px 2px 0 var(--text-primary);transform:translate(2px,2px)}.about{background-color:var(--bg-alt)}.about__content{text-align:center;max-width:700px;margin:0 auto}.about__text{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.resume__grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.resume__column-title{font-size:var(--fs-h3);align-items:center;gap:.75rem;margin-bottom:2rem;font-weight:600;display:flex}.resume__column-icon{border-radius:var(--radius-sm);border:2px solid var(--text-primary);width:36px;height:36px;box-shadow:2px 2px 0 var(--text-primary);background:var(--primary-light);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--text-primary);width:4px;position:absolute;top:8px;bottom:8px;left:9px}.timeline__item{padding-bottom:2rem;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{background:var(--primary);border:3px solid var(--text-primary);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:6px;left:-29px}.timeline__card{background:var(--surface);border:3px solid var(--text-primary);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--text-primary);padding:1.25rem 1.5rem;transition:all .15s}.timeline__card:hover{box-shadow:6px 6px 0 var(--text-primary);border-color:var(--text-primary);transform:translate(-2px,-2px)}.timeline__time{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--text-primary);box-shadow:2px 2px 0 var(--text-primary);background:var(--primary-light);border-radius:4px;margin-bottom:.5rem;padding:.15rem .5rem;font-weight:800;display:inline-block;transform:rotate(-1.5deg);color:var(--text-primary)!important}.timeline__title{font-family:var(--font-heading);color:var(--text-primary);margin:.25rem 0;font-size:1.15rem;font-weight:700}.timeline__desc{font-size:var(--fs-sm);color:var(--text-secondary);white-space:pre-line;line-height:1.6}@media (max-width:768px){.resume__grid{grid-template-columns:1fr;gap:2.5rem}}.skills__grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.skills__grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.skills__category--webdev{grid-row:span 2}.skills__category--communication{grid-column:span 2}}.skills__category{background:var(--surface);border:3px solid var(--text-primary);border-radius:var(--radius-lg);box-shadow:6px 6px 0 var(--text-primary);flex-direction:column;gap:1.5rem;padding:1.75rem;transition:all .2s cubic-bezier(.25,1,.5,1);display:flex}.skills__category:hover{box-shadow:9px 9px 0 var(--text-primary);transform:translate(-3px,-3px)}.skills__category-header{align-items:center;margin-bottom:.25rem;display:flex}.skills__category-title{font-family:var(--font-heading);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--text-primary);box-shadow:2px 2px 0 var(--text-primary);background:var(--badge-hover-color,var(--primary-light));border-radius:4px;align-items:center;gap:.5rem;padding:.2rem .65rem;font-weight:800;display:inline-flex;transform:rotate(-1.5deg);color:var(--text-primary)!important}.skills__category-icon-inline{flex-shrink:0;display:inline-block}.skills__category-content{flex-direction:column;gap:1.25rem;display:flex}.skills__group{flex-direction:column;gap:.65rem;display:flex}.skills__group-title{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.skills__tags{flex-wrap:wrap;gap:.65rem;display:flex}.skill-tag{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-primary);border:2px solid var(--text-primary);box-shadow:2px 2px 0 var(--text-primary);-webkit-user-select:none;user-select:none;background:#fff;border-radius:9999px;align-items:center;padding:.35rem .8rem;font-weight:700;transition:all .15s cubic-bezier(.25,1,.5,1);display:inline-flex}.skill-tag:hover{cursor:default;box-shadow:4px 4px 0 var(--badge-hover-color,var(--primary));background:var(--surface-hover);transform:translate(-2px,-2px)rotate(-1.5deg)}.projects__list{flex-direction:column;gap:4rem;margin-top:1rem;display:flex}.project-card{top:calc(var(--nav-height) + 1.5rem + var(--index) * 2rem);background:var(--card-bg,var(--surface));border:3px solid var(--text-primary);border-radius:var(--radius-lg);box-shadow:6px 6px 0 var(--text-primary);color:inherit;margin-bottom:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;position:sticky;overflow:hidden}.project-card:hover{box-shadow:8px 8px 0 var(--text-primary);transform:translate(-2px,-2px)}.project-card__bg-image-wrapper{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.project-card__bg-image-wrapper:after{content:"";pointer-events:none;z-index:2;background-image:repeating-linear-gradient(45deg,#0000000d 0 1px,#0000 1px 8px);position:absolute;inset:0}.project-card__bg-image{object-fit:cover;opacity:.08;filter:grayscale()contrast(1.2);mix-blend-mode:multiply;transition:all .5s}.project-card:hover .project-card__bg-image{opacity:.14;transform:scale(1.02)}.project-card__body{z-index:2;flex-direction:column;gap:1.25rem;min-height:350px;padding:2.5rem;display:flex;position:relative}.project-card__segment-label{font-family:var(--font-heading);font-size:var(--fs-xs);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid #00000014;width:fit-content;padding-bottom:.25rem;font-weight:700;display:inline-block}.project-card__name{font-family:var(--font-comic);letter-spacing:.03em;color:var(--text-primary);margin-top:.5rem;font-size:clamp(1.8rem,3.5vw,2.2rem);line-height:1.2}.project-card__desc{font-size:var(--fs-sm);color:var(--text-primary);text-shadow:0 0 6px var(--card-bg,var(--surface)), 0 0 6px var(--card-bg,var(--surface)), 0 0 6px var(--card-bg,var(--surface));font-weight:500;line-height:1.7}.project-card__tech{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.project-card__tag{font-size:var(--fs-xs);color:var(--text-primary);border:2px solid var(--text-primary);box-shadow:1.5px 1.5px 0 var(--text-primary);background:#fff;border-radius:9999px;padding:.25rem .65rem;font-weight:700}.project-card__cta-wrapper{margin-top:auto;padding-top:1.25rem}.project-card__cta{font-family:var(--font-comic);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);border:2px solid var(--text-primary);box-shadow:2px 2px 0 var(--text-primary);background:#fff;border-radius:6px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1.25rem;transition:all .15s;display:inline-flex}.project-card:hover .project-card__cta{background:var(--text-primary);color:#fff;box-shadow:1px 1px 0 var(--text-primary);transform:translate(1px,1px)}.contact__grid{grid-template-columns:1fr 1.4fr;gap:3rem;display:grid}.contact__info{flex-direction:column;gap:1.5rem;display:flex}.contact__info-card{background:var(--surface);border:3px solid var(--text-primary);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--text-primary);align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .15s;display:flex}.contact__info-card:hover{box-shadow:5px 5px 0 var(--text-primary);transform:translate(-1px,-1px)}.contact__info-icon{border-radius:var(--radius-sm);border:2px solid var(--text-primary);width:44px;height:44px;box-shadow:2px 2px 0 var(--text-primary);background:var(--primary-light);color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__info-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.contact__info-value{font-size:var(--fs-sm);color:var(--text-primary);margin-top:.15rem;font-weight:500}.contact__socials{gap:.75rem;margin-top:.5rem;display:flex}.contact__social-link{border-radius:var(--radius-sm);border:3px solid var(--text-primary);width:44px;height:44px;color:var(--text-secondary);box-shadow:3px 3px 0 var(--text-primary);justify-content:center;align-items:center;font-size:1.2rem;transition:all .15s;display:flex}.contact__social-link:hover{color:#fff;background:var(--primary);box-shadow:2px 2px 0 var(--text-primary);transform:translate(1px,1px)}.contact__form{background:var(--surface);border:3px solid var(--text-primary);border-radius:var(--radius-lg);box-shadow:6px 6px 0 var(--text-primary);padding:2.5rem}.contact__form-title{font-family:var(--font-comic);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.65rem}.contact__form-group{margin-bottom:1.25rem}.contact__input{width:100%;font-size:var(--fs-sm);font-family:var(--font-body);color:var(--text-primary);border:3px solid var(--text-primary);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--text-primary);background:#fff;outline:none;padding:.85rem 1rem;transition:all .15s}.contact__input:focus{border-color:var(--primary);box-shadow:2px 2px 0 var(--text-primary);transform:translate(2px,2px)}.contact__input::placeholder{color:var(--text-tertiary)}textarea.contact__input{resize:vertical;min-height:120px}.contact__form-btn{width:100%}.contact__form-status{text-align:center;font-size:var(--fs-sm);margin-top:1rem;font-weight:500}.contact__form-status--success{color:var(--success)}.contact__form-status--error{color:var(--error)}@media (max-width:768px){.contact__grid{grid-template-columns:1fr}.contact__form{padding:1.5rem}}.footer{text-align:center;border-top:1px solid var(--border-light);background:var(--surface);padding:2rem 0}.footer__text{font-size:var(--fs-sm);color:var(--text-tertiary)}.footer__heart{color:var(--primary)}.fade-in{opacity:0;transform:translateY(30px)}.fade-in--visible{opacity:1;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(0)}.scroll-top{background:var(--primary-light);width:44px;height:44px;color:var(--text-primary);border:3px solid var(--text-primary);box-shadow:4px 4px 0 var(--text-primary);opacity:0;pointer-events:none;z-index:99;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .15s;display:flex;position:fixed;bottom:2rem;right:2rem}.scroll-top--visible{opacity:1;pointer-events:auto}.scroll-top:hover{box-shadow:6px 6px 0 var(--text-primary);background:var(--primary);color:#fff;transform:translate(-2px,-2px)}.activities__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:1rem;display:grid}.activity-card{background:var(--surface);border:3px solid var(--text-primary);border-radius:var(--radius-lg);box-shadow:6px 6px 0 var(--text-primary);flex-direction:column;gap:1rem;padding:2rem;transition:all .15s;display:flex}.activity-card:hover{box-shadow:8px 8px 0 var(--text-primary);border-color:var(--text-primary);transform:translate(-2px,-2px)}.activity-card__header{justify-content:space-between;align-items:flex-start;display:flex}.activity-card__icon-wrapper{border-radius:var(--radius-md);border:2px solid var(--text-primary);width:44px;height:44px;box-shadow:2px 2px 0 var(--text-primary);background:var(--primary-light);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.activity-card__time{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--text-primary);box-shadow:2px 2px 0 var(--text-primary);background:var(--primary-light);border-radius:4px;padding:.15rem .5rem;font-weight:800;display:inline-block;transform:rotate(1.5deg);color:var(--text-primary)!important}.activity-card__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.4}.activity-card__role{font-size:var(--fs-xs);color:var(--text-primary);border:2px solid var(--text-primary);background:#fdf2f8;border-radius:4px;width:fit-content;margin-top:-.5rem;padding:.15rem .5rem;font-weight:700;display:inline-block}.activity-card__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.activity-card__location{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:auto}.comic-avatar-container{z-index:1001;pointer-events:none;align-items:flex-end;display:flex;position:fixed;bottom:2rem;left:0}.comic-avatar-wrapper{cursor:pointer;pointer-events:auto;position:relative}.comic-avatar-img{border:4px solid var(--text-primary);background:var(--surface);width:90px;height:90px;box-shadow:6px 6px 0 var(--text-primary);object-fit:cover;border-radius:50%;transition:transform .2s}.comic-avatar-wrapper:hover .comic-avatar-img{transform:scale(1.05)rotate(-3deg)}.comic-bubble{border:4px solid var(--text-primary);border-radius:var(--radius-md);width:200px;box-shadow:6px 6px 0 var(--text-primary);pointer-events:auto;font-family:var(--font-heading);color:var(--text-primary);font-weight:500;font-size:var(--fs-sm);background:#fff;padding:.75rem 1.25rem;line-height:1.4;position:absolute;bottom:110px;left:20px}.comic-bubble:after,.comic-bubble:before{content:"";border-style:solid;width:0;display:block;position:absolute;left:17px}.comic-bubble:before{border-color:var(--text-primary) transparent transparent transparent;z-index:1;border-width:12px 8px 0;bottom:-16px}.comic-bubble:after{z-index:2;border-width:8px 6px 0;border-color:#fff #0000 #0000;bottom:-8px;left:19px}.comic-bubble__close{background:var(--error);color:#fff;border:3px solid var(--text-primary);cursor:pointer;width:24px;height:24px;box-shadow:2px 2px 0 var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:-12px;right:-12px}.comic-bubble__close:hover{transform:scale(1.1)}@media (max-width:768px){.comic-avatar-img{width:70px;height:70px}.comic-bubble{width:170px;font-size:var(--fs-xs);bottom:85px;left:15px}.comic-bubble:before{left:12px}.comic-bubble:after{left:14px}}.comic-slides-container{perspective:1500px;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.comic-slide-wrapper{width:100%;height:100%;position:absolute}.comic-page-img-wrapper{background:var(--bg);pointer-events:none;position:absolute;inset:0;overflow:hidden}.comic-page-img{object-fit:cover}@media (max-width:768px){.comic-page-img-wrapper{inset:0}}
:root:root{--primary:#696649;--primary-light:#918f78;--primary-dark:#3d3a1f;--primary-rgb:105, 102, 73;--primary-light-rgb:145, 143, 120;--primary-dark-rgb:61, 58, 31;--primary-glow:#69664926;--primary-gradient:linear-gradient(135deg, #696649 0%, #918f78 100%);--accent:#4a6a66;--accent-light:#79918e;--accent-rgb:74, 106, 102;--accent-light-rgb:121, 145, 142;--text-on-primary:#fff;--text-on-accent:#fff;--card-bg-1:#f4f1ca;--card-bg-2:#cafaf4;--card-bg-3:#ccf6ff;--card-bg-4:#dcf8d9}