:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;--color-bg: #050914;--color-base: #0a1122;--color-surface: rgba(11, 22, 41, .72);--color-surface-strong: rgba(14, 27, 49, .92);--color-text: #ecf2ff;--color-text-muted: #bbcaea;--color-border: rgba(170, 199, 255, .28);--color-accent-1: #67b7ff;--color-accent-2: #9e7aff;--color-success: #67f3bf;--accent-telegram: #4ea0ff;--accent-dotnet: #8e76ff;--accent-ai: #46d3c7;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 26px;--radius-pill: 999px;--shadow-soft: 0 10px 24px rgba(2, 7, 18, .38);--shadow-card: 0 18px 42px rgba(4, 10, 28, .52);--shadow-glow: 0 0 0 1px rgba(150, 192, 255, .26), 0 0 28px rgba(103, 183, 255, .24);--duration-fast: .15s;--duration-base: .26s;--duration-slow: .5s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.22, 1, .36, 1);color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--color-text);background:radial-gradient(1200px 800px at 12% 8%,rgba(103,183,255,.16),transparent 55%),radial-gradient(800px 700px at 88% 18%,rgba(158,122,255,.15),transparent 58%),linear-gradient(155deg,#060b1b,#0a1226 48%,#070b17);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;z-index:-2}body:before{background:radial-gradient(circle at 20% 30%,rgba(78,160,255,.26),transparent 34%),radial-gradient(circle at 75% 24%,rgba(142,118,255,.24),transparent 33%),radial-gradient(circle at 58% 77%,rgba(70,211,199,.18),transparent 38%);filter:blur(74px)}body:after{z-index:-1;opacity:.18;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.46) 0 1px,transparent 1.2px),radial-gradient(circle at 74% 86%,rgba(255,255,255,.45) 0 1px,transparent 1.2px),linear-gradient(125deg,rgba(255,255,255,.14),transparent 44%,rgba(255,255,255,.08));background-size:3px 3px,4px 4px,100% 100%}.page{position:relative;max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem}.ambient{position:fixed;top:-20%;right:-10%;bottom:-20%;left:-10%;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(103,183,255,.24),transparent 36%);pointer-events:none}.glass{background:linear-gradient(140deg,#ffffff1a,#ffffff08) var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.hero{padding:clamp(1.4rem,3vw,3rem)}.chip{width:fit-content;margin:0;padding:.4rem .7rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.3);background:#0a14268c}h1{margin-bottom:.3rem;font-size:clamp(2rem,4.5vw,4rem)}h1 span{color:#9ad8ff}.lead{max-width:65ch;color:var(--color-text-muted)}.role,.subtitle,.status{color:var(--color-success);font-weight:600}.role{min-height:1.4em}.hero-facts{margin-top:.8rem}.hero-materials{margin-top:1rem}.materials-title{margin:0 0 .45rem;font-weight:600}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.btn{border:0;border-radius:var(--radius-xs);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.75rem 1rem;font-weight:700;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),background-position var(--duration-slow) var(--ease-emphasized)}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(120deg,var(--color-accent-1),var(--color-accent-2));box-shadow:0 10px 28px #387aff61;background-size:170% 170%}.btn-primary:hover{background-position:100% 0}.btn-ghost{color:var(--color-text);border:1px solid rgba(214,226,255,.5);background:#0c182d59}.section{margin-top:1.3rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.9rem}.card,.project-stage{position:relative;overflow:hidden;isolation:isolate;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.card:before,.project-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(130deg,rgba(255,255,255,.42),transparent 46%,rgba(255,255,255,.25));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:.56;animation:borderPulse 4.2s linear infinite;pointer-events:none}.card:after,.project-stage:after{content:"";position:absolute;inset:-40% auto auto -20%;width:60%;height:180%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:0;transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-slow) var(--ease-emphasized);pointer-events:none}.card:hover,.project-stage:hover{transform:translateY(-6px);box-shadow:var(--shadow-card),var(--shadow-glow)}.card:hover:after,.project-stage:hover:after{opacity:1;transform:translate(42%) rotate(16deg)}.card-content{padding:1rem}.project-media-frame{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.24);background:#060d18bf}.project-cover{width:100%;height:100%;object-fit:cover;display:block}.project-video-preview{height:100%;display:grid;place-items:center;gap:.8rem;text-align:center;padding:1rem;background:linear-gradient(160deg,#162138eb,#0c1424e0)}.project-video-preview p{margin:0;color:var(--color-text-muted)}.media-thumbnails{display:flex;gap:.5rem;padding:.7rem .8rem .25rem}.thumb-btn{width:60px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:0;overflow:hidden;background:#091221bf;cursor:pointer;display:grid;place-items:center}.thumb-btn.is-active{border-color:color-mix(in srgb,var(--theme-accent),#f0f6ff 40%);box-shadow:0 0 0 1px #ffffff26}.thumb-image{width:100%;height:100%;object-fit:cover;display:block}.thumb-video{font-size:1rem;color:#e7f0ff}.stack-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0}.stack-chip{padding:.25rem .6rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.32);background:#0b1528a3;color:#e9f1ff;font-size:.82rem;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.card:hover .stack-chip,.project-stage:hover .stack-chip{transform:translateY(-2px);background:#14213adb;border-color:#bed8ff8f}.feature-list{margin:0;padding-left:1rem;display:grid;gap:.35rem;color:var(--color-text-muted)}.project-links{margin-top:.9rem}.form-wrap{padding:1rem}.form{display:grid;gap:.7rem}input,textarea{border:1px solid rgba(170,199,255,.35);background:#0a1424bf;border-radius:var(--radius-xs);color:var(--color-text);padding:.75rem}.projects-showcase{position:relative;min-height:calc(var(--sticky-steps, 2.6) * 100vh)}.showcase-scroll-zone{height:calc(var(--sticky-steps, 2.6) * 100vh)}.showcase-sticky-frame{position:sticky;top:0;min-height:100vh;display:grid;place-items:center;padding:4.5rem 0}.showcase-centerline{position:absolute;top:9rem;bottom:5rem;width:1px;background:linear-gradient(to bottom,transparent,rgba(202,222,255,.6),transparent)}.project-stage{width:min(520px,calc(100vw - 5rem));opacity:0;transform:translate(80px) scale(.96);transition:opacity .45s ease,transform .55s var(--ease-emphasized),box-shadow var(--duration-base) var(--ease-standard);pointer-events:none}.project-stage.left{transform:translate(-80px) scale(.96);margin-right:min(34vw,360px)}.project-stage.right{margin-left:min(34vw,360px)}.project-stage.is-active{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.project-stage.is-past,.project-stage.is-future{opacity:0}.theme-default{--theme-accent: var(--color-accent-1)}.theme-telegram{--theme-accent: var(--accent-telegram)}.theme-dotnet{--theme-accent: var(--accent-dotnet)}.theme-ai{--theme-accent: var(--accent-ai)}.theme-default,.theme-telegram,.theme-dotnet,.theme-ai{border-color:color-mix(in srgb,var(--theme-accent),#d8e6ff 52%)}.theme-default .subtitle,.theme-telegram .subtitle,.theme-dotnet .subtitle,.theme-ai .subtitle{color:color-mix(in srgb,var(--theme-accent),#c7ffef 35%)}.theme-default .stack-chip,.theme-telegram .stack-chip,.theme-dotnet .stack-chip,.theme-ai .stack-chip{border-color:color-mix(in srgb,var(--theme-accent),#f4f7ff 60%)}.showcase-mobile-stack{display:none}@keyframes borderPulse{0%,to{opacity:.38}50%{opacity:.75}}@media (max-width: 1024px){.page{padding:1.5rem 1rem 3rem}.showcase-centerline{top:8rem;bottom:4rem}}@media (max-width: 900px){.showcase-scroll-zone,.showcase-sticky-frame{display:none}.projects-showcase{min-height:auto}.showcase-mobile-stack{display:grid;gap:.9rem}}@media (max-width: 768px){.hero{padding:1.2rem}.actions{gap:.55rem}.btn{width:100%}.project-stage,.card{border-radius:var(--radius-md)}}@media (max-width: 480px){.page{padding:1rem .8rem 2.2rem}h1{font-size:clamp(1.8rem,8vw,2.6rem)}.chip,.stack-chip{font-size:.78rem}}@media (prefers-reduced-motion: reduce){.project-stage,.btn,.stack-chip,.card,.project-stage:before,.card:before,.card:after,.project-stage:after{transition:none;animation:none}.project-stage,.project-stage.left,.project-stage.right,.project-stage.is-active{transform:none}}