:root{--color-bg: #d3d3d3;--color-surface: #ffffff;--color-surface-alt: #f5f5f5;--color-border: #e4e4e4;--color-text: #121212;--color-text-muted: #6f6f6f;--color-accent: #ff6b35;--color-accent-contrast: #ffffff;--color-shadow-rgb: 0 0 0;--stack-bg: #f5f5f5;--stack-border: #e4e4e4;--font-family-sans: "Helvetica", "Helvetica Neue", Arial, sans-serif;--font-weight-bold: 700;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-4xl: 3rem;--fs-5xl: 5.625rem;--fs-header-marquee: var(--fs-5xl);--fs-pattern-marquee: var(--fs-4xl);--fs-name: clamp(2.4rem, 4vw + 1rem, 3.2rem);--fs-job: var(--fs-md);--fs-section-title: clamp(1.5rem, 1.2rem + .8vw, 1.875rem);--fs-body: var(--fs-sm);--lh-tight: 1.1;--lh-base: 1.4;--lh-relaxed: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--space-12: 64px;--radius-sm: 6px;--radius: 14px;--radius-lg: 26px;--shadow-sm: 0 2px 4px rgba(var(--color-shadow-rgb) / .04);--shadow-md: 0 4px 12px -2px rgba(var(--color-shadow-rgb) / .08);--shadow-lg: 0 6px 20px -4px rgba(var(--color-shadow-rgb) / .14);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-medium: .24s cubic-bezier(.4, 0, .2, 1);--layout-max-width: 1180px;--grid-gap: var(--space-8) var(--space-9);--marquee-speed-header-black: 30;--marquee-speed-header-orange: 30;--profile-block-height: 420px;font-family:var(--font-family-sans);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root[data-theme=dark]{--color-bg: #0f0f11;--color-surface: #18191c;--color-surface-alt: #202225;--color-border: #2a2c2f;--color-text: #f5f7fa;--color-text-muted: #9ea3ae;--color-accent: #ff7d45;--color-accent-contrast: #ffffff;--color-shadow-rgb: 0 0 0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);line-height:var(--lh-base);background:var(--color-bg);color:var(--color-text);transition:background var(--transition-medium),color var(--transition-medium)}*{font-family:var(--font-family-sans)!important;font-weight:var(--font-weight-bold)!important}img,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.85}p,h1,h2,h3,h4,h5,h6{margin:0}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text) 30%,transparent);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text) 50%,transparent)}.app{min-height:100vh;position:relative;overflow:hidden;padding:var(--space-8) var(--space-9) calc(var(--space-12) + var(--space-4));background:var(--color-bg);display:flex;flex-direction:column;transition:background var(--transition-medium),color var(--transition-medium)}.header{position:absolute;inset:0 0 auto;height:160px;display:flex;flex-direction:column;overflow:hidden;pointer-events:none;z-index:10}.header-marquee{font-size:var(--fs-header-marquee);line-height:.82;white-space:nowrap;letter-spacing:.5px}.header-marquee+.header-marquee{margin-top:-10px}.text-black{color:var(--color-text)}.text-orange{color:var(--color-accent)}.cards-grid{width:100%;max-width:var(--layout-max-width);margin:clamp(120px,18vh,180px) auto 0;display:grid;grid-template-columns:300px 1fr 280px;gap:var(--grid-gap);align-items:start}.avatar-card{grid-column:1;grid-row:1}.profile-card{grid-column:2 / span 2;grid-row:1}.about-card{grid-column:1 / span 2;grid-row:2}.pattern-card{grid-column:3;grid-row:2}.stack-card{grid-column:1 / span 3;grid-row:3}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);position:relative;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-medium),transform var(--transition-medium),background var(--transition-medium),border-color var(--transition-medium)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),var(--shadow-lg)}.avatar-card{padding:0;height:var(--profile-block-height);display:flex;align-items:center;justify-content:center;overflow:hidden;--avatar-padding: var(--space-4)}.avatar-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--avatar-padding)}.avatar{width:100%;height:100%;object-fit:cover;border-radius:max(0px,calc(var(--radius-lg) - var(--avatar-padding)));aspect-ratio:4/5}.profile-card{height:var(--profile-block-height);justify-content:flex-start}.about-card{min-height:320px}.pattern-card{padding:0;min-height:320px;position:relative;overflow:hidden}.window-controls{position:absolute;top:var(--space-5);right:var(--space-5);display:flex;gap:var(--space-2)}.dot{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.dot.black{background:var(--color-text)}.dot.orange{background:var(--color-accent)}.social-links{display:flex;gap:var(--space-4);margin:var(--space-1) 0 var(--space-6);flex-wrap:wrap}.icon-circle,.lang-toggle-btn,.theme-toggle-btn{width:48px;height:48px;border-radius:var(--radius);background:var(--color-text);color:var(--color-accent-contrast);display:flex;align-items:center;justify-content:center;transition:background var(--transition-medium),filter var(--transition-fast),color var(--transition-medium);border:none;cursor:pointer;position:relative}.icon-circle svg,.lang-toggle-btn svg,.theme-toggle-btn svg{display:block;width:20px;height:20px;fill:currentColor}.icon-circle:hover,.lang-toggle-btn:hover,.theme-toggle-btn:hover{background:var(--color-accent)}:root[data-theme=dark] .icon-circle svg{color:#000;fill:#000}.lang-toggle-btn{background:linear-gradient(135deg,var(--color-accent) 0 50%,var(--color-text) 50% 100%);padding:0}.lang-toggle-btn.en{background:linear-gradient(135deg,var(--color-accent) 0 50%,var(--color-text) 50% 100%)}.lang-toggle-btn.ru{background:linear-gradient(135deg,var(--color-text) 0 50%,var(--color-accent) 50% 100%)}.lang-toggle-btn:active,.theme-toggle-btn:active{filter:brightness(.92)}.lang-toggle-btn:focus-visible,.theme-toggle-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 60%,transparent);outline-offset:2px}.flag-emoji{position:absolute;font-size:var(--fs-lg);line-height:1;filter:drop-shadow(0 1px 2px rgba(0 0 0 / .35));-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform var(--transition-medium),opacity var(--transition-medium)}.flag-en{top:6px;left:7px}.flag-ru{bottom:6px;right:7px}.lang-toggle-btn.en .flag-en,.lang-toggle-btn.ru .flag-ru{opacity:1;transform:translate(0) scale(1)}.lang-toggle-btn.en .flag-ru{opacity:.82;transform:translate(3px,3px) scale(.88)}.lang-toggle-btn.ru .flag-en{opacity:.82;transform:translate(-3px,-3px) scale(.88)}.theme-toggle-btn span{position:absolute;font-size:22px;transition:opacity var(--transition-medium),transform var(--transition-medium)}.theme-toggle-btn .icon-sun{opacity:1;transform:scale(1)}.theme-toggle-btn .icon-moon,.theme-toggle-btn.dark .icon-sun{opacity:0;transform:scale(.6)}.theme-toggle-btn.dark .icon-moon{opacity:1;transform:scale(1)}.name{font-size:var(--fs-name);line-height:var(--lh-tight);margin:0 0 var(--space-3);letter-spacing:.5px}.job-title{font-size:var(--fs-job);color:var(--color-text-muted);letter-spacing:.3px}.about-card h2,.stack-card h2{font-size:var(--fs-section-title);margin:0 0 var(--space-5);line-height:var(--lh-tight);letter-spacing:.5px}.about-text{font-size:var(--fs-body);line-height:var(--lh-relaxed);max-width:640px;color:var(--color-text-muted);letter-spacing:.2px}.about-text a:hover{text-decoration:underline}.marquee-segment{display:inline-block}.pattern-slab{position:absolute;inset:0;display:flex;flex-direction:column;gap:0;transform:rotate(-15deg) scale(1.15);transform-origin:center;pointer-events:none}.pattern-marquee{font-size:1em;line-height:1;white-space:nowrap}.pattern-marquee.black{color:var(--color-text)}.pattern-marquee.orange{color:var(--color-accent)}.stack-icons{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-1)}.stack-icon{width:56px;height:56px;background:var(--stack-bg);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--stack-border);transition:background var(--transition-medium),transform var(--transition-medium),box-shadow var(--transition-medium)}.stack-icon:hover{background:color-mix(in srgb,var(--stack-bg) 90%,var(--color-accent) 10%);transform:translateY(-2px);box-shadow:var(--shadow-sm),var(--shadow-md)}.stack-icon img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 1100px){.cards-grid{grid-template-columns:260px 1fr 240px}.header-marquee{font-size:clamp(3.8rem,6vw,var(--fs-header-marquee))}}@media (max-width: 900px){.cards-grid{grid-template-columns:1fr 1fr;gap:var(--space-7) var(--space-8)}.avatar-card,.profile-card,.about-card,.pattern-card,.stack-card{grid-row:auto}.profile-card,.about-card,.pattern-card,.stack-card{grid-column:1 / span 2}}@media (max-width: 600px){.app{padding:var(--space-6) var(--space-5) var(--space-10)}.cards-grid{grid-template-columns:1fr;margin-top:120px;gap:var(--space-6)}.avatar-card,.profile-card,.about-card,.pattern-card,.stack-card{grid-column:1;grid-row:auto}.header{height:130px}.header-marquee{font-size:clamp(2.6rem,10vw,4.2rem)}:root{--profile-block-height: 360px}}@media (prefers-reduced-motion: reduce){.header-marquee,.pattern-marquee{animation:none!important;transform:none!important}}