@layer reset.reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html,body{height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}button{all:unset;cursor:pointer}ul,ol{list-style:none}}@layer typography.typography{@font-face{font-family:Inter;src:url(/src/assets/fonts/Inter_18pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/src/assets/fonts/Inter_18pt-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/src/assets/fonts/Inter_18pt-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/src/assets/fonts/Inter_18pt-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}}@layer tokens.tokens{:root{--container-max: 68rem;--flow-space: 1rem;--gap-card: 1.25rem;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1440px;--color-bg: #0E1116;--color-surface: #161A21;--color-border: #262C36;--color-text: #E6EAF2;--color-text-muted: #A9B2C3;--color-primary: #7F00FF;--color-primary-hover: #A855F7;--color-success: #22C55E;--color-warning: #F59E0B;--color-danger: #EF4444;--opacity-disabled: .5;--opacity-overlay: .8;--font-family-primary: "Inter", system-ui, -apple-system, sans-serif;--font-family-secondary: "Georgia", serif;--font-family-mono: "Fira Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-36: 9rem;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--border-style-solid: solid;--border-style-dashed: dashed;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--gradient-primary: linear-gradient(90deg, #007bff, #6c757d);--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-in-out: cubic-bezier(.4, 0, .2, 1);--transition-ultra-fast: 75ms ease-in-out;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--transition-ultra-slow: .5s ease-in-out;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--border: 1vh;--radius: 75vh }}@layer composition.composition{.wrapper{padding:0 var(--space-36);display:grid;grid-template-columns:50% 1fr;min-height:100vh}@media(max-width:768px){.wrapper{display:flex;flex-direction:column;min-height:100vh;padding:0 var(--space-4)}}.flow>*+*{margin-top:var(--flow-space)}.grid--cards{display:grid;gap:var(--gap-card);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.center{box-sizing:content-box;max-width:var(--measure, 65ch);margin-left:auto;margin-right:auto}.cluster{display:flex;flex-wrap:wrap;gap:var(--space, 1rem);justify-content:flex-start;align-items:center}.sidebar{display:flex;flex-wrap:wrap;gap:1rem}.sidebar>:first-child{flex-basis:20rem;flex-grow:1}.sidebar>:last-child{flex-basis:0;flex-grow:999;min-width:50%}.responsive-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@layer utilities.utilities{.u-hidden{display:none!important}.u-p-sm{padding:var(--space-1)}.u-p-md{padding:var(--space-2)}.u-p-lg{padding:var(--space-3)}.u-p-xl{padding:var(--space-4)}.u-p-2xl{padding:var(--space-5)}.u-p-5xl{padding:var(--space-8)}.u-py-sm{padding:var(--space-1) 0}.u-py-md{padding:var(--space-2) 0}.u-py-lg{padding:var(--space-3) 0}.u-py-xl{padding:var(--space-4) 0}.u-py-2xl{padding:var(--space-5) 0}.u-py-5xl{padding:var(--space-8) 0}.u-px-sm{padding:0 var(--space-1)}.u-px-md{padding:0 var(--space-2)}.u-px-lg{padding:0 var(--space-3)}.u-px-xl{padding:0 var(--space-4)}.u-px-2xl{padding:0 var(--space-5)}.u-px-5xl{padding:0 var(--space-8)}.u-mx-auto{margin-left:auto;margin-right:auto}.u-mr-md{margin-right:var(--space-2)}.u-m-0{margin:0}.u-m-sm{margin:var(--space-1)}.u-m-md{margin:var(--space-2)}.u-m-lg{margin:var(--space-3)}.u-m-xl{margin:var(--space-4)}.u-m-2xl{margin:var(--space-5)}.u-m-5xl{margin:var(--space-8)}.u-mb-sm{margin-bottom:var(--space-1)}.u-mb-md{margin-bottom:var(--space-2)}.u-mb-lg{margin-bottom:var(--space-3)}.u-my-sm{margin:var(--space-1) 0}.u-my-md{margin:var(--space-2) 0}.u-my-lg{margin:var(--space-3) 0}.u-my-xl{margin:var(--space-4) 0}.u-my-2xl{margin:var(--space-5) 0}.u-my-5xl{margin:var(--space-8) 0}.u-mx-sm{margin:0 var(--space-1)}.u-mx-md{margin:0 var(--space-2)}.u-mx-lg{margin:0 var(--space-3)}.u-mx-xl{margin:0 var(--space-4)}.u-mx-2xl{margin:0 var(--space-5)}.u-mx-5xl{margin:0 var(--space-8)}.u-gap-sm{gap:var(--space-1)}.u-gap-md{gap:var(--space-2)}.u-gap-lg{gap:var(--space-3)}.u-gap-xl{gap:var(--space-4)}.u-gap-2xl{gap:var(--space-5)}.u-color-title{color:var(--color-text)}.u-color-paragraph{color:var(--color-text-muted)}.u-bg-primary{background-color:var(--color-primary)}.u-text-xl{font-size:clamp(var(--font-size-lg),2vw,var(--font-size-xl))}.u-text-center{text-align:center}.u-flex{display:flex}.u-justify-end{justify-content:end}.u-align-end{align-items:end}.u-upper,.u-text-uppercase{text-transform:uppercase}}@layer blocks.blocks{.site-header{position:fixed;top:0;left:0;width:50%;height:100vh;padding-left:var(--space-36);box-shadow:var(--shadow-lg);overflow-y:auto;z-index:var(--z-sticky);display:flex;flex-direction:column;gap:var(--space-10);>:last-child{margin-top:auto}@media(width<769px){.main-nav{display:none}position:static;width:100%;height:auto;min-height:fit-content;padding:0;gap:var(--space-6);>:last-child{margin-top:0}}}.hero{margin-top:var(--space-24);.description{padding-right:var(--space-24)}@media(width<769px){display:flex;flex-direction:column;align-items:center;margin-top:var(--space-8);text-align:center;.description{text-align:center;padding:0 var(--space-2)}}}.title{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-6xl));font-weight:var(--font-weight-semibold);margin:var(--space-2) 0}.main-content{grid-column:2;margin-top:var(--space-24);@media(width<769px){margin-top:0;flex:1}}.content-section{padding:var(--space-8);@media(max-width:769px){min-height:auto;padding:0}}.btn{color:var(--color-text);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);cursor:pointer;transition:var(--transition-fast)}.btn-primary{background-color:var(--color-primary);&:hover{background-color:var(--color-primary-hover)}}.btn-action{border-radius:var(--radius-xl);z-index:1;color:var(--color-text);padding:var(--space-2) var(--space-6);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);background:transparent;cursor:pointer;position:relative;display:inline-block;transition:var(--transition-slow);width:fit-content;text-decoration:none;&:before{content:"";position:absolute;inset:0;padding:var(--border-width-medium);border-radius:var(--radius-xl);background:linear-gradient(to right,#ec4899,#8e2de2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}&:hover{box-shadow:0 4px 12px #ec489966,0 4px 12px #8e2de24d}&:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:linear-gradient(to right,#ec4899,#8e2de2);box-shadow:0 0 var(--space-2) #ff9aff;z-index:-1;clip-path:inset(0 100% 0 0 round var(--radius-xl));transition:var(--transition-slow)}&:hover:after{animation:showBtn var(--transition-slow) forwards}&:after{animation:hideBtn var(--transition-slow) forwards}@media(width<769px){max-width:max-content;flex-shrink:0}}.btn-action2{border-radius:var(--radius-xl);z-index:1;color:var(--color-text);padding:var(--space-2) var(--space-6);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);background:transparent;cursor:pointer;position:relative;display:inline-block;transition:var(--transition-slow);width:fit-content;text-decoration:none;&:before{content:"";position:absolute;inset:0;padding:var(--border-width-medium);border-radius:var(--radius-xl);background:linear-gradient(to right,#00ffd5ef,#8e2de2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}&:hover{box-shadow:0 4px 12px #00ffd566,0 4px 12px #8e2de24d}&:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:linear-gradient(to right,#00ffd5ef,#8e2de2);box-shadow:0 0 var(--space-2) #00ffd580;z-index:-1;clip-path:inset(0 100% 0 0 round var(--radius-xl));transition:var(--transition-slow)}&:hover:after{animation:showBtn var(--transition-slow) forwards}&:after{animation:hideBtn var(--transition-slow) forwards}@media(width<769px){max-width:max-content;flex-shrink:0}}@keyframes showBtn{0%{clip-path:inset(0 100% 0 0 round var(--radius-xl))}to{clip-path:inset(0 0 0 0 round var(--radius-xl))}}@keyframes hideBtn{0%{clip-path:inset(0 0 0 0 round var(--radius-xl))}to{clip-path:inset(0 0 0 100% round var(--radius-xl))}}.availability{position:fixed;bottom:var(--space-8);left:var(--space-36);z-index:var(--z-modal);& p{font-family:var(--font-family-primary);display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs)}& span{display:block;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-success);flex-shrink:0}@media(width<769px){left:var(--space-5);& p{border:2px solid var(--color-border)}padding-left:0}}.rrss-link:hover .icon-rrss{fill:url(#icon-gradient)}.icon-rrss{width:var(--space-6);transition:var(--transition-fast)}.nav-item{font-size:var(--font-size-lg);& span{display:inline-block;position:relative}& a{display:inline-block;color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-base);font-family:var(--font-family-primary)}.rect{height:var(--border-width-thick);width:var(--border-width-thick);left:0;bottom:var(--space-1);transition:var(--transition-slow);background:linear-gradient(to right,#00ffd5ef,#02d6b3ef)}.active-section,a:hover{color:var(--color-text)}& a:hover span,nav .active-section span{background:linear-gradient(to right,#00ffd5ef,#02d6b3ef)}.active-section .rect{width:var(--space-10)}}.card{border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-lg);transition:var(--transition-normal);&:hover{box-shadow:var(--shadow-2xl)}.period{font-family:consolas;font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}}.tech-carousel{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.tech-list{display:flex;flex-wrap:nowrap;gap:var(--space-4);margin-top:var(--space-4);width:max-content;animation:scroll-left 20s linear infinite;&:hover{animation-play-state:paused}}@keyframes scroll-left{to{transform:translate(-50%)}}.tech-item{font-family:consolas;background:linear-gradient(to right,#00ffd5ef,#02d6b3ef);-webkit-background-clip:text;background-clip:text;color:transparent;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.rrss-container{margin-bottom:var(--space-8);margin-right:var(--space-2);& ul{display:flex;justify-content:end;gap:var(--space-5);@media(width<769px){justify-content:center;gap:var(--space-12);margin-right:0}}}.section-title{display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-6);@media(width<769px){position:sticky;margin:0;top:0;background-color:#0e1116fa;font-size:var(--font-size-2xl);padding:var(--space-8) 0;z-index:var(--z-sticky)}}.subtitle-md{font-size:clamp(var(--font-size-xl),3vw,var(--font-size-3xl));font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-6);margin:var(--space-2) 0}.subtitle-sm{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin:var(--space-2) 0}.paragraph-align-responsive{text-align:center;& p{margin-bottom:var(--space-2)}& span{background:linear-gradient(to right,#00ffd5ef,#02d6b3ef);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:var(--font-weight-semibold)}@media(width<769px){text-align:left;padding:0 var(--space-2)}}.mobile-nav-link:hover,.mobile-nav-link.active{color:#3b82f6}.mobile-header-container{display:none}@media(width<769px){.mobile-header-container{display:block;position:fixed;bottom:0;left:0;right:0;width:100%;padding:var(--space-2) var(--space-2);z-index:var(--z-sticky)}}.site-footer{font-family:consolas;text-align:center;padding:var(--space-8) 0;color:var(--color-text-muted);font-size:var(--font-size-xs);@media(width<769px){padding:var(--space-24) 0}}}@layer exceptions.exceptions{.card[data-state=reversed]{display:flex;flex-direction:column-reverse}}@layer reset,typography,tokens,composition,utilities,blocks,exceptions;body{font-family:var(--font-family-primary);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-normal);font-feature-settings:"ss03","cv02","cv11"}