:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-bg);--color-bg: #08070f;--color-base: #11101d;--color-surface: rgba(21, 20, 34, .72);--color-surface-strong: rgba(27, 25, 43, .94);--color-text: #fff8ea;--color-text-muted: #d8cbb5;--color-border: rgba(255, 232, 190, .2);--color-gold: #ffd479;--color-coral: #ff7a66;--color-violet: #8d7cff;--color-mint: #63f0c2;--color-ink: #08070f;--accent-telegram: #5db8ff;--accent-dotnet: #a88bff;--accent-ai: #63f0c2;--radius-xs: 12px;--radius-sm: 16px;--radius-md: 24px;--radius-lg: 34px;--radius-pill: 999px;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .28);--shadow-card: 0 36px 90px rgba(0, 0, 0, .48);--shadow-glow: 0 0 0 1px rgba(255, 212, 121, .2), 0 0 55px rgba(255, 122, 102, .18);--duration-fast: .16s;--duration-base: .28s;--duration-slow: .72s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,212,121,.18),transparent 30%),radial-gradient(circle at 82% 18%,rgba(141,124,255,.2),transparent 28%),radial-gradient(circle at 56% 82%,rgba(99,240,194,.12),transparent 34%),linear-gradient(145deg,#08070f,#14111f 48%,#090811)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%)}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:.95}h2{font-size:clamp(2rem,5vw,4.4rem);margin-bottom:.8rem}h3{font-size:clamp(1.45rem,3vw,2.35rem);margin-bottom:.7rem}.page{position:relative;max-width:1180px;margin:0 auto;padding:2rem 1rem 3rem}.ambient{position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,122,102,.22),transparent 32%);filter:blur(28px)}.glass{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff1f,#ffffff09),var(--color-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.hero{min-height:calc(100vh - 4rem);display:grid;align-items:center;padding:clamp(1.2rem,4vw,4rem);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:clamp(1rem,5vw,4rem);align-items:center}.chip{display:inline-flex;align-items:center;width:fit-content;margin:0 0 1rem;padding:.42rem .75rem;border:1px solid rgba(255,212,121,.36);border-radius:var(--radius-pill);background:#ffd47917;color:#ffe7ad;font-size:.84rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}h1{margin-bottom:1rem;font-size:clamp(3.2rem,8vw,7.8rem)}h1 span{display:inline-block;color:transparent;background:linear-gradient(115deg,var(--color-gold),var(--color-coral),var(--color-violet));-webkit-background-clip:text;background-clip:text}.lead{max-width:66ch;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.25rem)}.role,.subtitle,.status{color:var(--color-mint);font-weight:800}.role{min-height:1.5em;margin:.6rem 0 0}.hero-facts{margin-top:1rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;min-height:46px;padding:.78rem 1.05rem;border:0;border-radius:var(--radius-xs);color:var(--color-text);cursor:pointer;font-weight:900;text-decoration:none;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),background-position var(--duration-slow) var(--ease-emphasized)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(125deg,var(--color-gold),var(--color-coral),var(--color-violet));background-size:180% 180%;color:#1b1012;box-shadow:0 16px 35px #ff7a6647}.btn-primary:hover{background-position:100% 0}.btn-ghost{border:1px solid rgba(255,232,190,.24);background:#ffffff0e}.hero-panel{position:relative;min-height:260px;display:grid;align-content:end;gap:.35rem;padding:1.4rem;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,#ffd47929,#8d7cff1f);overflow:hidden}.hero-panel:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(255,255,255,.16);border-radius:22px}.hero-panel strong{position:relative;font-size:clamp(2rem,5vw,4.2rem);line-height:.95;letter-spacing:-.06em}.hero-panel span{position:relative;color:var(--color-text-muted);font-weight:800}.panel-line{position:absolute;left:1.4rem;right:1.4rem;top:1.4rem;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--color-gold),var(--color-coral),var(--color-violet))}.section{margin-top:1.25rem}.projects-showcase{position:relative;min-height:calc(var(--project-count) * 125vh)}.showcase-sticky-frame{position:sticky;top:0;min-height:100vh;display:grid;grid-template-rows:auto 8px 1fr auto;gap:1rem;padding:clamp(1rem,3vw,2rem) 0;overflow:hidden}.section-heading{max-width:780px;margin:0 auto;text-align:center}.section-heading p:not(.chip){color:var(--color-text-muted);margin-bottom:0}.scroll-meter{width:min(520px,90vw);height:5px;margin:0 auto;border-radius:999px;background:#ffffff1a;overflow:hidden}.scroll-meter span{display:block;width:100%;height:100%;transform-origin:left;border-radius:inherit;background:linear-gradient(90deg,var(--color-gold),var(--color-coral),var(--color-violet));transition:transform .12s linear}.project-stage{position:relative;min-height:min(640px,70vh);display:grid;place-items:center;perspective:1400px}.project-card{--theme-accent: var(--color-gold);position:absolute;width:min(920px,calc(100vw - 2rem));display:grid;grid-template-columns:minmax(260px,.88fr) minmax(300px,1.12fr);overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--theme-accent),transparent 55%);border-radius:var(--radius-lg);background:radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--theme-accent),transparent 72%),transparent 34%),linear-gradient(145deg,#ffffff1f,#ffffff0a),var(--color-surface-strong);box-shadow:var(--shadow-card);opacity:calc(1 - (var(--card-abs-offset) * .34));transform:translate3d(calc(var(--card-offset) * 58vw),calc(var(--card-abs-offset) * 34px),calc(var(--card-abs-offset) * -160px)) rotateY(calc(var(--card-offset) * -18deg)) scale(calc(1 - (var(--card-abs-offset) * .055)));pointer-events:none;transition:transform .18s linear,opacity .18s linear,filter .18s linear}.project-card.is-active{pointer-events:auto}.project-card:after{content:"";position:absolute;inset:-20% auto auto -35%;width:45%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(18deg) translate(-20%);opacity:0;pointer-events:none;transition:opacity var(--duration-base),transform var(--duration-slow) var(--ease-emphasized)}.project-card:hover:after{opacity:1;transform:rotate(18deg) translate(160%)}.theme-default{--theme-accent: var(--color-gold)}.theme-telegram{--theme-accent: var(--accent-telegram)}.theme-dotnet{--theme-accent: var(--accent-dotnet)}.theme-ai{--theme-accent: var(--accent-ai)}.theme-default .subtitle,.theme-telegram .subtitle,.theme-dotnet .subtitle,.theme-ai .subtitle{color:color-mix(in srgb,var(--theme-accent),#ffffff 28%)}.project-media-block{min-width:0}.project-media-frame{width:100%;aspect-ratio:16 / 11;overflow:hidden;background:#00000059}.large .project-media-frame{aspect-ratio:16 / 10}.project-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-emphasized)}.project-card:hover .project-cover{transform:scale(1.035)}.project-video-preview{height:100%;display:grid;place-items:center;align-content:center;gap:.85rem;padding:1.2rem;text-align:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--theme-accent),transparent 74%),#08070feb)}.video-play{display:grid;place-items:center;width:72px;aspect-ratio:1;border-radius:50%;color:#160e10;background:var(--color-gold);box-shadow:0 0 45px color-mix(in srgb,var(--theme-accent),transparent 30%)}.media-thumbnails{display:flex;gap:.5rem;padding:.75rem;overflow-x:auto}.thumb-btn{width:66px;height:46px;flex:0 0 auto;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:12px;overflow:hidden;display:grid;place-items:center;color:var(--color-text);background:#0000003d;cursor:pointer}.thumb-btn.is-active{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent),transparent 72%)}.thumb-image{display:block;width:100%;height:100%;object-fit:cover}.card-content{padding:clamp(1rem,3vw,1.7rem);display:flex;flex-direction:column;justify-content:center}.card-kicker{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.card-kicker span{padding:.28rem .55rem;border:1px solid color-mix(in srgb,var(--theme-accent),transparent 56%);border-radius:var(--radius-pill);color:color-mix(in srgb,var(--theme-accent),#fff 24%);font-size:.78rem;font-weight:900}.stack-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0}.stack-chip{padding:.28rem .62rem;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);background:#ffffff12;color:#fff1ce;font-size:.82rem;font-weight:800}.card-open{width:fit-content;margin-top:auto}.inline-details{max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height var(--duration-slow) var(--ease-emphasized),opacity var(--duration-base),transform var(--duration-base)}.project-card.is-expanded{width:min(1040px,calc(100vw - 2rem));grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr)}.project-card.is-expanded .inline-details{max-height:560px;opacity:1;transform:translateY(0);margin-top:.15rem}.project-card.is-expanded .card-open{margin-top:.8rem}.project-dots{display:flex;justify-content:center;gap:.65rem}.project-dots a{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:#ffffff1a;transition:transform var(--duration-fast),background var(--duration-base)}.project-dots a.is-active{transform:scale(1.35);background:var(--color-gold)}.scroll-spacers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;grid-template-rows:repeat(var(--project-count),1fr)}.scroll-spacers span{min-height:1px}.form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1rem,4vw,3rem);padding:clamp(1.2rem,3vw,2.2rem)}.form{display:grid;gap:.75rem}input,textarea{width:100%;border:1px solid rgba(255,232,190,.22);border-radius:var(--radius-xs);background:#07060d9e;color:var(--color-text);padding:.85rem .95rem;font:inherit}input:focus,textarea:focus{outline:2px solid rgba(255,212,121,.35);border-color:var(--color-gold)}.gost-plate{margin-top:1.25rem;padding:1rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;color:var(--color-text-muted)}.gost-plate strong{color:var(--color-gold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 980px){.hero-grid,.project-card,.form-wrap,.gost-plate{grid-template-columns:1fr}.hero{min-height:auto}.hero-panel{min-height:220px}.projects-showcase{min-height:calc(var(--project-count) * 135vh)}.project-stage{min-height:690px;align-items:start;padding-top:.5rem}.project-card,.project-card.is-expanded{width:min(620px,calc(100vw - 2rem));grid-template-columns:1fr;transform:translate3d(calc(var(--card-offset) * 92vw),calc(var(--card-abs-offset) * 22px),calc(var(--card-abs-offset) * -120px)) scale(calc(1 - (var(--card-abs-offset) * .04)))}}@media (max-width: 640px){.page{padding:1rem .75rem 2rem}.hero{padding:1.1rem;border-radius:24px}.actions .btn,.card-open{width:100%}.section-heading{text-align:left}.project-stage{min-height:720px}.project-card,.project-card.is-expanded{width:calc(100vw - 1.5rem)}.card-content{padding:1rem}.project-media-frame,.large .project-media-frame{aspect-ratio:16 / 10}.metric-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-card{transform:translate(calc(var(--card-offset) * 100vw))}}