:root{--bg-main-dark:#111113;--bg-about-me-dark:#16161a;--bg-contact-dark:#111113;--bg-technologies-dark:#111113;--bg-section-alt-dark:#16161a;--bg-formentera-mention-dark:#2b82f614;--bg-card-dark:#1a1a1e;--border-subtle-dark:#2c2c35;--text-primary-dark:#f4f4f5;--text-secondary-dark:#a1a1aa;--text-highlight-blue-dark:#2b82f6;--text-highlight-blue-bg-dark:#2b82f61f;--accent-line-code-dark:#2b82f647;--text-code-comment-dark:#71717a;--nav-overlay-bg-dark:#111113e6;--shadow-card-dark:0 1px 2px #00000047;--shadow-card-hover-dark:0 8px 24px #0006;--bg-main-light:#f3f0ea;--bg-about-me-light:#ebe7df;--bg-contact-light:#f3f0ea;--bg-technologies-light:#f3f0ea;--bg-section-alt-light:#ebe7df;--bg-formentera-mention-light:#0284c70f;--bg-card-light:#fffcf7;--border-subtle-light:#e2ddd4;--text-primary-light:#18181b;--text-secondary-light:#52525b;--text-highlight-blue-light:#0284c7;--text-highlight-blue-bg-light:#0284c714;--accent-line-code-light:#0284c747;--text-code-comment-light:#71717a;--nav-overlay-bg-light:#f3f0eaeb;--shadow-card-light:0 1px 2px #0000000f;--shadow-card-hover-light:0 8px 24px #00000014;--font-display:"Archivo Black", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--line-height-body:1.7;--line-height-display:1;--line-height-mono:1.5;--radius-card:12px;--bg-main:var(--bg-main-dark);--bg-about-me:var(--bg-about-me-dark);--glow-soft:color-mix(in srgb, var(--text-highlight-blue-dark) 26%, transparent);--glow-hero:color-mix(in srgb, var(--text-highlight-blue-dark) 44%, transparent);--bg-contact:var(--bg-contact-dark);--bg-technologies:var(--bg-technologies-dark);--bg-section-alt:var(--bg-section-alt-dark);--bg-formentera-mention:var(--bg-formentera-mention-dark);--bg-card:var(--bg-card-dark);--border-subtle:var(--border-subtle-dark);--border-hover:color-mix(in srgb, var(--text-primary-dark) 22%, var(--border-subtle-dark));--shadow-card:var(--shadow-card-dark);--shadow-card-hover:var(--shadow-card-hover-dark);--bg-skill-card:var(--bg-card);--bg-experience-card:var(--bg-card);--border-skill-card:var(--border-subtle);--border-experience-card:var(--border-subtle);--shadow-experience-card:var(--shadow-card);--shadow-experience-card-hover:var(--shadow-card-hover);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-highlight-blue:var(--text-highlight-blue-dark);--text-highlight-blue-bg:var(--text-highlight-blue-bg-dark);--accent-line-code:var(--accent-line-code-dark);--text-code-comment:var(--text-code-comment-dark);--nav-overlay-bg:var(--nav-overlay-bg-dark);color-scheme:dark}html:not(.dark-theme){--bg-main:var(--bg-main-light);--bg-about-me:var(--bg-about-me-light);--glow-soft:color-mix(in srgb, var(--text-highlight-blue-light) 40%, transparent);--glow-hero:color-mix(in srgb, var(--text-highlight-blue-light) 56%, transparent);--bg-contact:var(--bg-contact-light);--bg-technologies:var(--bg-technologies-light);--bg-section-alt:var(--bg-section-alt-light);--bg-formentera-mention:var(--bg-formentera-mention-light);--bg-card:var(--bg-card-light);--border-subtle:var(--border-subtle-light);--border-hover:color-mix(in srgb, var(--text-primary-light) 18%, var(--border-subtle-light));--shadow-card:var(--shadow-card-light);--shadow-card-hover:var(--shadow-card-hover-light);--bg-skill-card:var(--bg-card);--bg-experience-card:var(--bg-card);--border-skill-card:var(--border-subtle);--border-experience-card:var(--border-subtle);--shadow-experience-card:var(--shadow-card);--shadow-experience-card-hover:var(--shadow-card-hover);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-highlight-blue:var(--text-highlight-blue-light);--text-highlight-blue-bg:var(--text-highlight-blue-bg-light);--accent-line-code:var(--accent-line-code-light);--text-code-comment:var(--text-code-comment-light);--nav-overlay-bg:var(--nav-overlay-bg-light);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16.5px}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;transition:background-color .3s,color .3s;overflow-x:hidden}::selection{background-color:var(--text-highlight-blue);color:var(--bg-main)}a{color:inherit;cursor:default}button,summary,[role=button]{cursor:default}.surface-card{--surface-accent:var(--text-highlight-blue);background-color:var(--bg-card);background-image:radial-gradient(140% 90% at 50% -14%, color-mix(in srgb, var(--surface-accent) 5%, transparent), transparent 78%), linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 2.5%, transparent), transparent 38%);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);isolation:isolate;transition:border-color .1s,background-color .1s;position:relative;overflow:hidden}.surface-card:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-primary) 16%, transparent), transparent);pointer-events:none;height:1px;position:absolute;inset:0 12% auto}a.surface-card,a.surface-card.reveal-on-scroll,a.surface-card.reveal-on-scroll.is-visible{transition:opacity .8s cubic-bezier(.165, .84, .44, 1) var(--reveal-delay,0s), transform .8s cubic-bezier(.165, .84, .44, 1) var(--reveal-delay,0s), border-color .1s ease, background-color .1s ease}a.surface-card:hover,a.surface-card.is-visible:hover,a:hover>.surface-card{border-color:var(--border-hover);background-color:color-mix(in srgb, var(--text-primary) 4%, var(--bg-card))}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html:not(.dark-theme) .theme-toggle .icon-moon{display:inline-block}html:not(.dark-theme) .theme-toggle .icon-sun,html.dark-theme .theme-toggle .icon-moon{display:none}html.dark-theme .theme-toggle .icon-sun{display:inline-block}.comentari-estilitzat{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-line-code);color:var(--text-secondary);border-radius:0 var(--radius-card) var(--radius-card) 0;box-shadow:var(--shadow-card);margin-top:1.5em;margin-bottom:1.5em;padding:.9em 1.1em;font-size:.95em;font-style:normal;display:block}.comentari-estilitzat:before{content:"/* ";font-family:var(--font-mono);color:var(--text-code-comment);margin-right:.5em}.comentari-estilitzat:after{content:" */";font-family:var(--font-mono);color:var(--text-code-comment);margin-left:.5em}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}a.surface-card:hover,a.surface-card.is-visible:hover,a:hover>.surface-card{background-color:var(--bg-card)}}