@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--color-black:#0f0f0f;--color-gray-900:#1a1a1a;--color-gray-800:#2d2d2d;--color-gray-700:#404040;--color-gray-600:#525252;--color-gray-500:#6b6b6b;--color-gray-400:#8a8a8a;--color-gray-300:#a3a3a3;--color-gray-200:#d4d4d4;--color-gray-100:#e5e5e5;--color-gray-50:#f5f5f5;--color-white:#fff;--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-bg:var(--color-white);--color-bg-secondary:var(--color-gray-50);--color-border:var(--color-gray-200);--color-border-light:var(--color-gray-100);--color-success:#059669;--color-error:#dc2626;--color-primary:var(--color-gray-900);--color-accent:var(--color-gray-800);--color-text-light:var(--color-text-secondary);--color-bg-soft:var(--color-bg-secondary);--color-gray-light:var(--color-gray-200);--color-telegram:#08c;--color-online:#10b981;--color-success-soft:#ecfdf5;--color-success-border:#a7f3d0;--color-border-subtle:#0000000f;--color-border-hover:#0000001f;--space-1:clamp(.2rem,.5vw,.25rem);--space-2:clamp(.4rem,.8vw,.5rem);--space-3:clamp(.6rem,1vw,.75rem);--space-4:clamp(.8rem,1.2vw,1rem);--space-5:clamp(1rem,1.5vw,1.25rem);--space-6:clamp(1.2rem,2vw,1.5rem);--space-8:clamp(1.5rem,2.5vw,2rem);--space-10:clamp(2rem,3vw,2.5rem);--space-12:clamp(2.5rem,4vw,3rem);--space-16:clamp(3rem,5vw,4rem);--space-20:clamp(4rem,7vw,5rem);--space-24:clamp(5rem,8vw,6rem);--spacing-xs:var(--space-2);--spacing-sm:var(--space-4);--spacing-md:var(--space-6);--spacing-lg:var(--space-10);--spacing-xl:var(--space-16);--font-family:"JetBrains Mono","SF Mono","Fira Code","Consolas",monospace;--text-xs:clamp(.65rem,.55rem + .3vw,.7rem);--text-sm:clamp(.75rem,.65rem + .4vw,.8rem);--text-base:clamp(.85rem,.75rem + .5vw,.9rem);--text-lg:clamp(.95rem,.85rem + .5vw,1rem);--text-xl:clamp(1.05rem,.95rem + .6vw,1.15rem);--text-2xl:clamp(1.2rem,1rem + .8vw,1.35rem);--text-3xl:clamp(1.4rem,1.1rem + 1.2vw,1.75rem);--text-4xl:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);--text-5xl:clamp(2rem,1.4rem + 2.5vw,3rem);--leading-tight:1.3;--leading-normal:1.6;--leading-relaxed:1.7;--tracking-tight:0;--tracking-normal:.01em;--max-width:min(90vw,1400px);--max-width-narrow:min(85vw,800px);--container-padding:clamp(1rem,5vw,4rem);--radius-sm:clamp(3px,.4vw,4px);--radius-md:clamp(4px,.5vw,6px);--radius-lg:clamp(6px,.6vw,10px);--radius-xl:clamp(10px,1vw,16px);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000000d,0 1px 2px #0000000a;--shadow-lg:0 4px 12px #00000014,0 2px 6px #0000000a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition:var(--transition-base);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-elastic:cubic-bezier(.68,-.55,.265,1.55);--max-width-text:min(85vw,720px);--radius-none:0;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--focus-ring-color:var(--color-gray-900);--focus-ring-width:2px;--focus-ring-offset:2px;--size-4:1rem;--size-5:1.25rem;--size-6:1.5rem;--size-8:2rem;--size-10:2.5rem;--size-12:3rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-bg);letter-spacing:var(--tracking-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg);font-weight:500}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-gray-600)}.container{width:100%;max-width:var(--max-width);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-20)0}.divider{background:var(--color-border-light);height:1px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:inherit;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-gray-900);white-space:nowrap;background:var(--color-gray-900);color:var(--color-white);font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.btn:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn--outline{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn--outline:hover{background:var(--color-bg-secondary);border-color:var(--color-gray-300);color:var(--color-text)}.btn--white{background:var(--color-white);color:var(--color-text);border-color:var(--color-white)}.btn--white:hover{background:var(--color-gray-100);border-color:var(--color-gray-100);color:var(--color-text)}.btn--outline-white{color:var(--color-white);background:0 0;border-color:#ffffff4d}.btn--outline-white:hover{background:var(--color-white);color:var(--color-text);border-color:var(--color-white)}.btn--secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn--secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-gray-300)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-base)}.card:hover{border-color:var(--color-gray-300)}.cta-block{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.cta-block__title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.cta-block__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);max-width:480px;line-height:var(--leading-relaxed);margin-left:auto;margin-right:auto}.cta-block__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:480px){.cta-block__actions{flex-direction:column;align-items:center}.cta-block__actions .btn{width:100%;max-width:280px}}input,textarea,select{font-family:inherit;font-size:var(--text-base);padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--color-gray-400);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}label{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--color-text);font-weight:500;display:block}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-medium{font-weight:500}.text-center{text-align:center}.page-header{padding:clamp(3rem,8vw,5rem) 0 clamp(2rem,5vw,3rem)}.page-header__title{margin-bottom:var(--space-3);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:var(--leading-tight)}.page-header__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;line-height:var(--leading-relaxed);margin:0}.page-header__back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;font-weight:500;display:inline-flex}.page-header__back-link:hover{color:var(--color-text)}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}::selection{background:var(--color-gray-900);color:var(--color-white)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
