:root{--color-background: #1c1c1c;--color-background-dark: #0b1b10;--color-background-green: #08463b;--color-surface: rgba(11, 27, 16, .5);--color-surface-light: rgba(255, 255, 255, .12);--color-primary: #3dcfb6;--color-primary-light: #6ad7bf;--color-secondary: #26e6cf;--color-white: #ffffff;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .8);--color-text-primary-muted: rgba(61, 207, 182, .5);--color-border: #3dcfb6;--color-border-light: #ffffff;--font-primary: "Karla", Arial, Helvetica, sans-serif;--font-accent: "Fira Code", "Courier New", monospace;--font-mono: "Roboto Mono", "Courier New", monospace;--font-size-navigation: 20px;--font-size-language: 16px;--font-size-button: 18px;--font-size-body: 18px;--font-size-marquee: 32px;--font-size-hero-role: 40px;--font-size-hero-name: 128px;--line-height-tight: 100%;--line-height-default: 120%;--letter-spacing-navigation: -.03em;--letter-spacing-hero-name: -.02em;--page-max-width: 1440px;--content-max-width: 1248px;--container-padding-desktop: 96px;--container-padding-tablet: 48px;--container-padding-mobile: 24px;--header-height-desktop: 98px;--header-height-mobile: 80px;--section-padding-desktop: 144px;--section-padding-mobile: 96px;--button-height: 48px;--button-padding-x: 24px;--button-radius: 100px;--button-border-width: 1px;--button-gap: 10px;--language-switch-width: 84px;--language-switch-height: 28px;--language-switch-item-width: 44px;--radius-pill: 100px;--radius-card: 30px;--radius-small: 8px;--hero-gradient: linear-gradient(55.22deg, #1c1c1c 36.26%, #08463b 93.28%);--header-gradient: linear-gradient( 0deg, rgba(0, 0, 0, 0) 13.56%, rgba(0, 0, 0, .6) 84.01% );--skills-gradient: radial-gradient( 22.43% 43.85% at 1.22% 52.45%, rgba(8, 70, 59, .3) 0%, #1c1c1c 100% );--marquee-height: 62px;--marquee-gap: 56px;--marquee-padding-x: 32px;--marquee-padding-y: 12px;--marquee-background: rgba(255, 255, 255, .12);--marquee-blur: 5.3px;--marquee-duration: 10s;--transition-fast: .1s ease-out;--transition-default: .3s ease-out;--transition-slow: 1s ease-out}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0}img,picture,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{border:0;padding:0;background:transparent;cursor:pointer}body{color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-body);font-weight:400;line-height:var(--line-height-default)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:var(--line-height-tight)}h1{font-family:var(--font-primary);font-size:clamp(64px,8.88vw,var(--font-size-hero-name));font-weight:700;letter-spacing:var(--letter-spacing-hero-name)}h2{color:var(--color-primary);font-family:var(--font-accent);font-size:clamp(40px,5.5vw,80px);font-weight:700}h3{font-family:var(--font-accent);font-size:clamp(24px,3vw,32px);font-weight:700}p{margin-bottom:0}body{background:var(--color-background);overflow-x:hidden}::selection{color:var(--color-background);background:var(--color-primary)}.container{width:min(100% - var(--container-padding-desktop) * 2,var(--content-max-width));margin-inline:auto}@media(max-width:1023px){.container{width:min(100% - var(--container-padding-tablet) * 2,var(--content-max-width));margin-inline:auto}}@media(max-width:767px){.container{width:min(100% - var(--container-padding-mobile) * 2,var(--content-max-width));margin-inline:auto}}.section{padding:clamp(72px,7vw,96px) 0}@media(max-width:767px){.section{padding:72px 0}}@media(max-width:479px){.section{padding:64px 0}}.button{position:relative;display:inline-flex;min-height:var(--button-height);align-items:center;justify-content:center;gap:var(--button-gap);overflow:hidden;border:var(--button-border-width) solid var(--color-border-light);border-radius:var(--button-radius);padding-inline:var(--button-padding-x);color:var(--color-white);background:transparent;font-family:var(--font-primary);font-size:var(--font-size-button);font-weight:400;line-height:var(--line-height-default);text-decoration:none;transition:border-color var(--transition-default),color var(--transition-default),background-color var(--transition-default)}.button:hover{border-color:var(--color-primary);color:var(--color-primary)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.button--primary{color:var(--color-white);background:transparent}.button--primary:hover{border-color:var(--color-primary);color:var(--color-primary)}.button--secondary{color:var(--color-white);background:transparent}.button--secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.no-scroll{overflow:hidden}