header{padding:var(--space-l);.links-list{display:flex;justify-content:center;align-items:center;gap:var(--space-m);list-style:none;margin:0;padding:0;font-family:var(--font-inter);li:first-child{display:flex;width:100px;justify-content:end}li:last-child{display:flex;width:100px;justify-content:start}a{display:flex;align-items:center;gap:4px;padding:0 4px;border-radius:4px;font-weight:400;font-size:18px;color:var(--color-primary);path{stroke:var(--color-primary)}&:not(.nav-logo){transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,color .2s ease}@media(hover:hover)and (pointer:fine){&:not(.nav-logo):hover{background-color:var(--color-primary);color:var(--color-bg);transform:scale(1.15);path{stroke:var(--color-bg)}}}}.nav-logo{font-weight:700;font-size:24px;color:var(--color-primary)}}}h1,h2,p{margin:0;padding:0}a{text-decoration:none}body{margin:0;padding:0;background-color:var(--color-bg)}main{display:flex;justify-content:center;width:100%}section{display:flex;flex-direction:column;gap:var(--space-l);@media(max-width:768px){align-items:center}}.container{display:flex;flex-direction:column;gap:var(--space-xl);padding:0 32px;max-width:800px;width:100%}.line{width:100%;padding-bottom:2px;background-image:repeating-linear-gradient(to right,var(--color-bg-dark),var(--color-bg-dark) 8px,transparent 8px,transparent 16px);background-position:bottom left;background-size:100% 2px;background-repeat:repeat-x;border:none}.content-title{display:flex;flex-direction:column;gap:var(--space-xs);max-width:360px;width:100%;h2{font-family:var(--font-libre);font-weight:700;font-size:32px;color:var(--color-text)}p{font-family:var(--font-libre);font-weight:400;font-size:16px;color:var(--color-text)}@media(max-width:768px){h2,p{text-align:center}}}.content-container{display:flex;align-items:center;gap:var(--space-l)}.content-container.odd{flex-direction:row-reverse}@media(max-width:768px){.content-container,.content-container.odd{flex-direction:column}}.content-text{display:flex;flex-direction:column;gap:var(--space-m);p{font-family:var(--font-inter);font-weight:400;font-size:16px;color:var(--color-text);@media(max-width:768px){text-align:center}}}.contacts-container,.socials-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);p{font-family:var(--font-libre);font-weight:400;font-size:24px;color:var(--color-text)}path{stroke:var(--color-primary)}}.contacts-links,.socials-links{display:flex;align-items:center;gap:var(--space-m)}.title-container{display:flex;align-items:center;gap:var(--space-s);h1{font-family:var(--font-libre);font-weight:700;font-size:40px;color:var(--color-text)}path{stroke:var(--color-primary)}@media(max-width:768px){justify-content:center}}.blog-container{display:flex;flex-direction:column;gap:var(--space-l)}.blog-header{display:flex;flex-direction:column;gap:var(--space-s);p{font-family:var(--font-inter);font-weight:400;font-size:16px;color:var(--color-text)}}.blog-title{display:flex;align-items:center;gap:var(--space-s);h1{font-family:var(--font-libre);font-weight:700;font-size:40px;color:var(--color-text)}span{font-family:var(--font-inter);font-weight:400;font-size:16px;color:var(--color-bg);background-color:var(--color-primary);padding:0 4px;border-radius:4px}}.blog-stacks-container{display:flex;gap:var(--space-xs);span{font-family:var(--font-inter);font-weight:400;font-size:16px;color:var(--color-text);background-color:var(--color-bg-dark);padding:0 4px;border-radius:4px}}.blog-links-container{display:flex;align-items:center;gap:var(--space-m)}.blog-content{display:flex;flex-direction:column;gap:var(--space-m);p{font-family:var(--font-inter);font-weight:400;font-size:18px;color:var(--color-text)}img{margin:0 64px;width:calc(100% - 128px);border-radius:16px}}:root{--color-bg: #f3f3f3;--color-bg-dark: #e5e5e5;--color-text: #1a1a1a;--color-primary: #008cff;--color-primary-muted: #66baff;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 32px;--space-xl: 64px;--font-inter: "Inter", system-ui, sans-serif;--font-libre: "Libre Baskerville", serif}footer{display:flex;justify-content:center;padding:var(--space-l);p{font-family:var(--font-libre);font-weight:400;font-size:16px;color:var(--color-text);text-align:center}}
