.icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;background:#080011b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.logo__mark{color:var(--neon);filter:drop-shadow(0 0 10px rgba(168,85,247,.75))}.nav{display:flex;align-items:center;gap:28px}.nav__link{position:relative;color:var(--text-2);font-weight:500;transition:color var(--t-fast);padding:4px 0}.nav__link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--grad-accent);border-radius:2px;transition:width var(--t)}.nav__link:hover,.nav__link--active{color:var(--text)}.nav__link:hover:after,.nav__link--active:after{width:100%}.nav__link--ext{color:var(--neon);display:inline-flex;align-items:center;gap:6px}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:transparent;border:1px solid var(--card-border);border-radius:var(--radius-sm);z-index:60}.burger span{display:block;width:20px;height:2px;margin-inline:auto;background:var(--text);border-radius:2px;transition:transform var(--t),opacity var(--t-fast)}.burger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger--open span:nth-child(2){opacity:0}.burger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{display:none}@media (max-width: 768px){.burger{display:flex}.nav{position:fixed;top:var(--header-h);right:0;width:min(78vw,320px);height:calc(100vh - var(--header-h));flex-direction:column;align-items:flex-start;gap:8px;padding:24px;background:var(--bg-2);border-left:1px solid var(--card-border);transform:translate(100%);transition:transform var(--t);overflow-y:auto}.nav--open{transform:translate(0);box-shadow:-20px 0 60px #0009}.nav__link{width:100%;font-size:1.1rem;padding:12px 0;border-bottom:1px solid rgba(168,85,247,.12)}.nav-backdrop{display:block;position:fixed;inset:var(--header-h) 0 0 0;background:#08001180;backdrop-filter:blur(2px);z-index:40}}.site-footer{margin-top:auto;border-top:1px solid var(--card-border);background:#0f061a99;padding-block:40px 20px}.site-footer__inner{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}.site-footer__name{font-weight:700;font-size:1.1rem}.site-footer__tagline{color:var(--text-2);margin-top:6px;max-width:42ch;font-size:.92rem}.site-footer__links{display:flex;gap:20px;flex-wrap:wrap}.site-footer__links a{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-weight:500;transition:color var(--t-fast),text-shadow var(--t)}.site-footer__links a:hover{color:var(--neon);text-shadow:0 0 12px rgba(168,85,247,.6)}.site-footer__bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(168,85,247,.12);color:var(--text-2);font-size:.85rem}@media (max-width: 560px){.site-footer__inner{flex-direction:column}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-sm);transition:transform var(--t-fast),box-shadow var(--t),background var(--t),border-color var(--t),color var(--t);white-space:nowrap;user-select:none}.btn--md{padding:12px 22px;font-size:.95rem}.btn--sm{padding:8px 14px;font-size:.85rem}.btn--primary{background:var(--grad-accent);color:#0b0414;box-shadow:var(--glow-soft)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--glow-strong)}.btn--outline{background:transparent;color:var(--text);border-color:var(--card-border)}.btn--outline:hover{border-color:var(--card-border-hover);box-shadow:var(--glow-soft);transform:translateY(-2px)}.btn--ghost{background:#a855f714;color:var(--text);border-color:#a855f72e}.btn--ghost:hover{background:#a855f729;border-color:var(--card-border)}.project-image{width:100%;height:auto;object-fit:cover;display:block;background:var(--bg-2)}.img-placeholder{position:relative;width:100%;overflow:hidden;background:radial-gradient(120% 120% at 0% 0%,rgba(168,85,247,.22),transparent 55%),radial-gradient(120% 120% at 100% 100%,rgba(34,211,238,.18),transparent 55%),var(--bg-2);display:grid;place-items:center}.img-placeholder__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.12) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(80% 80% at 50% 50%,#000 30%,transparent 80%)}.img-placeholder__glow{position:absolute;width:55%;height:55%;border-radius:50%;background:var(--grad-accent);filter:blur(48px);opacity:.5}.img-placeholder__mark{position:relative;font-family:var(--font-mono);font-size:clamp(1.6rem,5vw,2.6rem);font-weight:700;letter-spacing:.06em;color:var(--text);text-shadow:0 0 18px rgba(168,85,247,.7)}.img-placeholder__icon{position:relative;color:var(--text);opacity:.85;filter:drop-shadow(0 0 16px rgba(168,85,247,.65))}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;letter-spacing:.01em;border-radius:999px;border:1px solid currentColor;background:#00000040;white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status-badge--done{color:#34d399}.status-badge--progress{color:var(--cyan)}.status-badge--mvp{color:var(--neon)}.status-badge--concept{color:var(--pink)}.status-badge--archived{color:var(--text-2)}.status-badge--default{color:var(--violet)}.project-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-card);transition:transform var(--t),border-color var(--t),box-shadow var(--t);height:100%}.project-card:hover{transform:translateY(-6px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card),var(--glow-strong)}.project-card__media{position:relative;overflow:hidden}.project-card__media .project-image,.project-card__media .img-placeholder{transition:transform var(--t-slow)}.project-card:hover .project-image,.project-card:hover .img-placeholder{transform:scale(1.05)}.project-card__status{position:absolute;top:12px;left:12px}.project-card__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}.project-card__category{font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.project-card__title{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.project-card__desc{color:var(--text-2);font-size:.92rem;flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.72rem;font-family:var(--font-mono);color:var(--text-2);padding:3px 9px;border:1px solid rgba(168,85,247,.25);border-radius:999px;background:#a855f70f}.tag--more{color:var(--neon)}.project-card__more{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:600;color:var(--neon);opacity:0;transform:translateY(6px);transition:opacity var(--t),transform var(--t)}.project-card:hover .project-card__more,.project-card:focus-visible .project-card__more{opacity:1;transform:translateY(0)}@media (hover: none){.project-card__more{opacity:1;transform:none}}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap)}.project-grid__item{display:flex}.project-grid__item>*{width:100%}.grid-empty{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:clamp(40px,8vw,80px) 20px;border:1px dashed var(--card-border);border-radius:var(--radius-lg);background:#140a2459}.grid-empty__icon{color:var(--neon);filter:drop-shadow(0 0 16px rgba(168,85,247,.5))}.grid-empty__text{color:var(--text-2);max-width:44ch}@media (max-width: 560px){.project-grid{grid-template-columns:1fr}}.section-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}.hero{position:relative;overflow:hidden;padding-block:clamp(72px,14vw,160px);display:flex;align-items:center}.hero__glow{position:absolute;top:-20%;left:50%;width:min(900px,120vw);height:min(900px,120vw);transform:translate(-50%);background:radial-gradient(circle,rgba(168,85,247,.35),rgba(34,211,238,.12) 45%,transparent 70%);filter:blur(40px);animation:hero-pulse 8s ease-in-out infinite;pointer-events:none}@keyframes hero-pulse{0%,to{transform:translate(-50%) scale(1);opacity:.85}50%{transform:translate(-50%) scale(1.08);opacity:1}}.hero__inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.hero__eyebrow{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);padding:6px 14px;border:1px solid var(--card-border);border-radius:999px;margin-bottom:22px}.hero__title{font-size:clamp(2.6rem,9vw,5.5rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;text-shadow:0 0 60px rgba(168,85,247,.35)}.hero__lead{margin-top:22px;max-width:60ch;color:var(--text-2);font-size:clamp(1rem,2.2vw,1.25rem)}.hero__actions{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.about{border-top:1px solid rgba(168,85,247,.12)}.about__text{max-width:70ch;color:var(--text-2);font-size:1.05rem;margin-top:12px}.about__focus{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.featured{border-top:1px solid rgba(168,85,247,.12)}.featured__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(24px,4vw,40px)}.filters{display:flex;flex-wrap:wrap;gap:10px}.filters__btn{padding:8px 16px;font-size:.88rem;font-weight:500;color:var(--text-2);background:#a855f70f;border:1px solid var(--card-border);border-radius:999px;transition:color var(--t-fast),border-color var(--t),background var(--t),box-shadow var(--t),transform var(--t-fast)}.filters__btn:hover{color:var(--text);border-color:var(--card-border-hover);transform:translateY(-1px)}.filters__btn--active{color:#0b0414;background:var(--grad-accent);border-color:transparent;box-shadow:var(--glow-soft)}.projects-page__filters{margin-bottom:clamp(24px,4vw,36px)}.projects-page__grid{min-height:200px}.detail__container{max-width:1080px}.detail__back{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-weight:500;margin-bottom:24px;transition:color var(--t-fast)}.detail__back:hover{color:var(--neon)}.detail__head{margin-bottom:28px}.detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.detail__category{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.detail__date{color:var(--text-2);font-size:.85rem;font-family:var(--font-mono)}.detail__title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}.detail__lead{margin-top:14px;color:var(--text-2);font-size:1.1rem;max-width:70ch}.detail__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.detail__cover{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);box-shadow:var(--shadow-card),var(--glow-soft);margin-bottom:40px}.detail__grid{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.detail__main{display:flex;flex-direction:column;gap:32px;min-width:0}.detail__block{scroll-margin-top:90px}.detail__h2{font-size:1.4rem;font-weight:700;margin-bottom:12px}.detail__h2:before{content:"";display:inline-block;width:18px;height:3px;border-radius:3px;background:var(--grad-accent);margin-right:10px;vertical-align:middle}.detail__text{color:var(--text-2);font-size:1.02rem}.detail__features{display:flex;flex-direction:column;gap:10px}.detail__features li{display:flex;align-items:flex-start;gap:10px;color:var(--text-2)}.detail__feature-icon{color:var(--neon);margin-top:4px}.detail__shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.detail__shots .project-image,.detail__shots .img-placeholder{border-radius:var(--radius);border:1px solid var(--card-border);overflow:hidden}.detail__aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--header-h) + 20px)}.detail__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px 20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.detail__h3{font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:12px}.detail__tags{display:flex;flex-wrap:wrap;gap:8px}.detail-missing__inner{text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:clamp(40px,8vw,80px)}.detail-missing__code{font-family:var(--font-mono);font-size:clamp(3rem,12vw,6rem);font-weight:800;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(168,85,247,.4)}.detail-missing__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px}@media (max-width: 860px){.detail__grid{grid-template-columns:1fr;gap:28px}.detail__aside{position:static;flex-direction:row;flex-wrap:wrap}.detail__card{flex:1 1 220px}}@media (max-width: 560px){.detail__aside{flex-direction:column}}.notfound{display:flex;align-items:center;min-height:calc(100vh - var(--header-h) - 200px)}.notfound__inner{text-align:center;display:flex;flex-direction:column;align-items:center}.notfound__code{font-family:var(--font-mono);font-weight:800;font-size:clamp(5rem,22vw,11rem);line-height:1;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 80px rgba(168,85,247,.45);animation:fade-in var(--t-slow) both}.notfound__title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;margin-top:8px}.notfound__text{color:var(--text-2);margin-top:12px;max-width:46ch}.notfound__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}:root{--bg: #080011;--bg-2: #0f061a;--bg-elev: #150a24;--violet: #8b5cf6;--neon: #a855f7;--pink: #d946ef;--cyan: #22d3ee;--text: #f8f7ff;--text-2: #b8afcb;--card-bg: rgba(20, 10, 36, .55);--card-border: rgba(168, 85, 247, .35);--card-border-hover: rgba(168, 85, 247, .75);--grad-accent: linear-gradient(135deg, var(--neon), var(--violet) 55%, var(--cyan));--grad-text: linear-gradient(120deg, #f8f7ff, var(--neon) 55%, var(--cyan));--glow-soft: 0 0 24px rgba(168, 85, 247, .25);--glow-strong: 0 0 36px rgba(168, 85, 247, .45);--glow-cyan: 0 0 28px rgba(34, 211, 238, .35);--shadow-card: 0 10px 40px rgba(0, 0, 0, .45);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--border: 1px solid var(--card-border);--container: 1200px;--header-h: 68px;--gap: 24px;--font: "Segoe UI", system-ui, -apple-system, "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--t-fast: .18s ease;--t: .28s ease;--t-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:radial-gradient(60% 50% at 15% 0%,rgba(168,85,247,.18),transparent 60%),radial-gradient(50% 45% at 100% 10%,rgba(34,211,238,.12),transparent 60%),radial-gradient(55% 60% at 50% 100%,rgba(217,70,239,.1),transparent 60%);background-attachment:fixed;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.section{padding-block:clamp(48px,8vw,96px)}.section-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.section-subtitle{color:var(--text-2);margin-bottom:clamp(24px,4vw,40px);max-width:60ch}.text-gradient{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-up{animation:fade-up var(--t-slow) both}.animate-in{animation:fade-in var(--t-slow) both}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1}