@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.header{z-index:100;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:65px;position:sticky;top:0}.header__inner{height:100%;padding:0 var(--space-8);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast);font-size:18px;font-weight:700;display:flex}.header__logo:hover{color:var(--color-accent)}.header__logo-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.header__nav{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:flex}.header__nav-btn{font-family:var(--font-body);letter-spacing:.02em;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;transition:background var(--transition-base), color var(--transition-fast), box-shadow var(--transition-base);background:0 0;border:none;padding:5px 18px;font-size:15px;font-weight:500}.header__nav-btn:hover{color:var(--color-text-primary);background:var(--color-surface)}.header__nav-btn--active{color:var(--color-text-primary);background:var(--color-surface);border-radius:var(--radius-sm);transition:background var(--transition-base), color var(--transition-fast), box-shadow var(--transition-base);box-shadow:0 1px 4px #00000014}.header__actions{align-items:center;gap:var(--space-3);display:flex}.header__share-btn{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.header__share-btn:hover{color:var(--color-text-primary)}.header__play-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);width:28px;height:28px;transition:background var(--transition-fast);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.header__play-btn:hover{background:var(--color-accent-light)}.header__version{letter-spacing:.05em;color:var(--color-text-muted);text-transform:uppercase;font-size:10px;font-weight:500}@media (width<=640px){.header__nav,.header__version{display:none}}.footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-5) 0;margin-top:var(--space-20)}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-5);margin-left:var(--space-5);flex-wrap:wrap;display:flex}.footer__copy{font-size:var(--font-xs);color:var(--color-text-muted);letter-spacing:.02em}.footer__links{align-items:center;gap:var(--space-6);display:flex}.footer__link{font-size:var(--font-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);cursor:pointer;font-weight:500;font-family:var(--font-body);background:0 0;border:none}.footer__link:hover{color:var(--color-accent)}.home{flex-direction:column;min-height:100vh;display:flex}.home__content{padding:var(--space-10) 0;gap:var(--space-12);flex-direction:column;flex:1;display:flex}.section-chip{align-items:center;gap:var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-dim);border:1px solid var(--color-accent-glow);border-radius:var(--radius-sm);margin-bottom:var(--space-5);padding:4px 8px;font-size:14px;font-weight:600;display:inline-flex}.section-chip__dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-12);margin-bottom:var(--space-12);position:relative;overflow:hidden}.hero__heading{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:var(--space-5);font-size:clamp(2.4rem,5vw,3rem);font-weight:800;line-height:1.2}.hero__heading em{color:var(--color-accent);font-style:italic}.hero__subtext{color:var(--color-text-secondary);max-width:500px;margin-bottom:var(--space-8);font-size:20px;line-height:1.65}.hero__actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=500px){.hero__heading{font-size:35px}.hero{width:100%;padding:15px}}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-body);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;padding:10px 20px;font-size:20px;font-weight:500;display:inline-flex}.btn--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-accent)}.btn--primary:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:0 6px 28px #6b2cf54d}.hero__avatars{align-items:center;gap:0;display:flex}.hero__avatar{border:2px solid var(--color-surface);background:var(--color-surface-alt);border-radius:50%;flex-shrink:0;width:28px;height:28px;margin-left:-6px;overflow:hidden}.hero__avatar:first-child{margin-left:0}.hero__avatar img{object-fit:cover;width:100%;height:100%}.hero__avatar-count{margin-left:var(--space-3);color:var(--color-text-muted);font-size:15px}.profile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-12);gap:var(--space-10);margin-bottom:var(--space-12);grid-template-columns:auto 1fr;align-items:center;display:grid;position:relative}.profile__avatar-wrap{flex-shrink:0;position:relative}.profile__avatar{border-radius:var(--radius-lg);object-fit:cover;background:var(--color-surface-alt);border:3px solid #ffcd29;width:120px;height:140px;display:block}.profile img{object-position:-70px;width:120px;height:140px}.profile__badge{border:3px solid var(--color-surface);background:#0d99ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:-8px;right:-8px}.profile__name{font-family:var(--font-display);margin-bottom:var(--space-1);font-size:1.6rem;font-weight:700}.profile__role{letter-spacing:.12em;text-transform:uppercase;color:#0d99ff;margin-bottom:var(--space-4);font-size:15px;font-weight:700}.profile__bio{color:var(--color-text-secondary);max-width:700px;margin-bottom:var(--space-6);font-size:20px;line-height:1.7}.profile__actions{align-items:center;gap:var(--space-3);display:flex}.profile__actions .btn{background-color:#0d99ff}@media (width<=600px){.profile{grid-template-columns:1fr;padding:15px}.profile__fingerprint,.profile__badge{display:none}.profile img{justify-self:center}}.projects-section{margin-bottom:var(--space-12)}.projects__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.projects__chip-label{font-size:var(--font-md);letter-spacing:.08em;text-transform:uppercase;color:#e85d9e;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.projects__chip-label svg{color:#e85d9e}.projects__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-dark);transform:translateY(-3px)}.project-card__instance-badge{top:var(--space-3);left:var(--space-3);font-size:var(--font-xs);letter-spacing:.1em;text-transform:uppercase;color:#fff;border-radius:var(--radius-sm);z-index:1;background:#e85d9e;padding:3px 8px;font-weight:700;position:absolute}.project-card__thumb{object-fit:cover;background:var(--color-surface-alt);width:100%;height:180px;display:block}.project-card__body{padding:var(--space-4) var(--space-5)}.project-card__name-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.project-card__name{font-family:var(--font-display);font-size:var(--font-sm);font-weight:700}.project-card__external{opacity:.4;transition:opacity var(--transition-fast)}.project-card:hover .project-card__external{opacity:1;color:#e85d9e}.project-card__desc{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.55}.project-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{font-size:var(--font-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 8px;font-weight:600}.certificates-section{margin-bottom:var(--space-12)}.certificates__chip-label{align-items:center;gap:var(--space-2);font-size:var(--font-md);letter-spacing:.12em;text-transform:uppercase;color:#b38a00;margin-bottom:var(--space-6);font-weight:700;font-family:var(--font-display);display:inline-flex}.certificates__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.cert-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base), transform var(--transition-base);display:flex;overflow:hidden}.cert-card:hover{box-shadow:var(--shadow-card-hover);transform:translate(3px)}.cert-card__left-bar{background:#ffcd29;flex-shrink:0;width:4px}.cert-card__body{padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;min-height:120px;display:flex}.cert-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.cert-card__issuer{letter-spacing:.1em;text-transform:uppercase;color:#b38a00;flex:1;min-width:0;font-size:10px;font-weight:700}.cert-card__type-badge{letter-spacing:.08em;text-transform:uppercase;color:#b38a00;border-radius:var(--radius-sm);background:#fff9e6;border:1px solid #ffcd29;flex-shrink:0;align-self:flex-start;padding:2px 7px;font-size:9px;font-weight:700}.cert-card__title{font-family:var(--font-display);color:var(--color-text-primary);font-size:15px;font-weight:700;line-height:1.3}.cert-card__bottom{align-items:center;gap:var(--space-4);margin-top:var(--space-1);display:flex}.cert-card__date{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:11px;display:inline-flex}.cert-card__date svg{flex-shrink:0}.cert-card__verify{align-items:center;gap:var(--space-1);color:#b38a00;transition:color var(--transition-fast);font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.cert-card__verify:hover{color:#ffcd29}.feedback{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center}.feedback__badge{align-items:center;gap:var(--space-2);font-size:var(--font-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-5);padding:4px 8px;font-weight:600;display:inline-flex}.feedback__title{font-family:var(--font-display);margin-bottom:var(--space-2);font-size:1.6rem;font-weight:700}.feedback__sub{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.feedback__form{gap:var(--space-4);text-align:left;flex-direction:column;max-width:480px;margin:0 auto;display:flex}.form-field label{font-size:var(--font-sm);letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);font-weight:600;display:block}.form-field input,.form-field textarea{width:100%;font-family:var(--font-body);font-size:var(--font-sm);color:var(--color-text-primary);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);resize:vertical;outline:none;padding:10px 14px}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-muted)}.form-field input:focus,.form-field textarea:focus{border-color:var(--color-accent)}.form-field textarea{min-height:100px}.feedback__submit{background:var(--color-accent);color:#fff;letter-spacing:.04em;border-radius:var(--radius-md);cursor:pointer;width:100%;font-size:18px;font-weight:600;font-family:var(--font-body);transition:background var(--transition-fast), transform var(--transition-fast);border:none;padding:13px}.feedback__submit:hover{background:var(--color-accent-light);transform:translateY(-1px)}.feedback{padding:15px}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);width:250px;height:calc(100vh - 65px);padding:var(--space-5);z-index:10;gap:var(--space-1);flex-direction:column;display:flex;position:fixed;top:65px;left:0}.sidebar__section{font-size:var(--font-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-1) var(--space-2) var(--space-1);font-weight:700}.sidebar__row{align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-text-primary);padding:5px var(--space-2);border-radius:var(--radius-sm);font-weight:500;line-height:1.2;display:flex}.sidebar__version-badge{font-size:var(--font-xs);color:var(--color-accent);background:var(--color-accent-dim);border:1px solid var(--color-accent-glow);border-radius:var(--radius-sm);padding:3px 8px;font-family:Courier New,monospace;font-weight:600;display:inline-block}.sidebar__status{align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:#10b981;padding:5px var(--space-2);font-weight:500;display:flex}@keyframes sidebar-pulse{0%,to{opacity:1}50%{opacity:.3}}.sidebar__learning{align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-text-primary);padding:5px var(--space-2);font-weight:500;display:flex}.sidebar__commit-msg{font-size:var(--font-xs);color:var(--color-text-primary);font-weight:500;line-height:1.4}.sidebar__commit-date{font-size:var(--font-sm);color:var(--color-text-muted);margin-top:3px}.sidebar__avatar-row{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2) 0;border-top:1px solid var(--color-border);margin-top:auto;display:flex}.sidebar__av{background:var(--color-accent);color:#fff;width:32px;height:32px;font-size:var(--font-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar__name{font-size:var(--font-sm);font-weight:600;line-height:1.2}.sidebar__subrole{font-size:var(--font-xs);color:var(--color-text-muted)}@media (width>=1100px){.home-layout__main{padding-left:192px}}@media (width<=1099px){.sidebar{display:none}}.stack-section{margin-bottom:var(--space-12)}.stack__chip-label{align-items:center;gap:var(--space-2);font-size:var(--font-md);letter-spacing:.12em;text-transform:uppercase;color:#e85d04;margin-bottom:var(--space-6);font-weight:700;font-family:var(--font-display);display:inline-flex}.stack__pills{gap:var(--space-3);flex-wrap:wrap;display:flex}.stack__pill{font-size:var(--font-sm);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:12px;padding:8px 14px;font-weight:500;display:inline-flex}.stack__pill:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.stack__pill-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.experience-section{margin-bottom:var(--space-12)}.experience__chip-label{align-items:center;gap:var(--space-2);font-size:var(--font-md);letter-spacing:.12em;text-transform:uppercase;color:#10b981;margin-bottom:var(--space-8);font-weight:700;font-family:var(--font-display);display:inline-flex}.experience__timeline{flex-direction:column;gap:0;display:flex}.experience__item{gap:var(--space-5);padding-bottom:var(--space-8);grid-template-columns:32px 1fr;display:grid;position:relative}.experience__item:not(:last-child) .experience__dot-col:after{content:"";background:var(--color-border);width:1px;position:absolute;top:24px;bottom:0;left:15px}.experience__dot-col{flex-direction:column;align-items:center;display:flex;position:relative}.experience__dot{border:2px solid var(--color-accent);background:var(--color-surface);width:18px;height:18px;transition:background var(--transition-fast);border-radius:50%;flex-shrink:0;margin-top:3px}.experience__item--current .experience__dot{border-color:var(--color-accent)}.experience__item:not(.experience__item--current) .experience__dot{border-color:var(--color-border-dark)}.experience__version-badge{font-size:var(--font-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-1);font-weight:700}.experience__item:not(.experience__item--current) .experience__version-badge{color:#06b6d4}.experience__role{font-family:var(--font-display);font-size:var(--font-md);margin-bottom:4px;font-weight:700}.experience__dates{font-size:var(--font-sm);color:var(--color-accent);margin-bottom:var(--space-3);font-weight:500}.experience__item:not(.experience__item--current) .experience__dates{color:#06b6d4}.experience__desc{font-size:var(--font-sm);color:var(--color-text-secondary);max-width:550px;line-height:1.7}.section-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-10) 0}.project-page{flex-direction:column;min-height:100vh;display:flex}.project-page__main{padding:var(--space-12) 0 var(--space-20);flex:1}.project-back{align-items:center;gap:var(--space-2);font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:var(--space-8);cursor:pointer;font-weight:500;font-family:var(--font-body);transition:color var(--transition-fast);background:0 0;border:none;padding:0;display:inline-flex}.project-back:hover{color:var(--color-accent)}.project-title{font-family:var(--font-display);font-size:var(--font-xl);letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-10);font-weight:800}.project-title span{color:var(--color-accent)}.project-hero-frame{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-12);box-shadow:var(--shadow-card);position:relative}.project-hero-frame__badge{top:var(--space-3);left:var(--space-4);font-size:var(--font-xs);letter-spacing:.1em;text-transform:uppercase;background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);z-index:1;padding:3px 8px;font-weight:700;position:absolute}.project-hero-frame__img{border-radius:var(--radius-lg);background:var(--color-surface-alt);object-fit:cover;width:100%;min-height:340px;display:block}.project-meta{align-items:flex-start;gap:var(--space-10);padding:var(--space-8) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.project-meta__item{gap:var(--space-1);flex-direction:column;display:flex}.project-meta__label{align-items:center;gap:var(--space-2);font-size:var(--font-md);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-weight:600;display:flex}.project-meta__value{font-size:var(--font-sm);color:var(--color-text-primary);font-weight:400}.view-buttons{gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.view-btn{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--font-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);letter-spacing:.02em;border:none;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.view-btn--outline{color:var(--color-accent);border:1.5px solid var(--color-accent);background:0 0}.view-btn--outline:hover{background:var(--color-accent-dim);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.view-btn--filled{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-accent)}.view-btn--filled:hover{background:var(--color-accent-light);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.project-section{margin-bottom:var(--space-12)}.project-section__heading{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--font-lg);margin-bottom:var(--space-6);color:var(--color-text-primary);font-weight:700;display:flex}.project-section__heading svg{color:var(--color-accent)}.challenge-block{gap:var(--space-8);grid-template-columns:1fr auto;align-items:start;display:grid}.challenge-block__summary{font-family:var(--font-display);font-size:var(--font-md);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:500;line-height:1.45}.challenge-block__body{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.75}@media (width<=600px){.challenge-block{grid-template-columns:1fr}.challenge-block__illustration{width:100%;height:160px}}.problem-quote{border-left:4px solid var(--color-accent);background:var(--color-surface);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-6) var(--space-8);margin:var(--space-8) 0}.problem-quote__label{font-size:var(--font-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);font-weight:700}.problem-quote__text{font-size:var(--font-md);color:var(--color-text-primary);font-style:italic;line-height:1.65}.tech-list{gap:var(--space-3);flex-direction:column;display:flex}.tech-list__item{align-items:center;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);display:flex}.tech-list__item:hover{box-shadow:var(--shadow-card);border-color:var(--color-accent-glow)}.tech-list__num{font-family:var(--font-display);color:var(--color-accent);opacity:.4;flex-shrink:0;min-width:32px;font-size:1.4rem;font-weight:800;line-height:1}.tech-list__body{gap:var(--space-2);flex-direction:column;display:flex}.tech-list__title{font-weight:700;font-size:var(--font-sm);color:var(--color-text-primary)}.tech-list__desc{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.7}.arch-diagram{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.arch-node{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.arch-node__icon{border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-accent);justify-content:center;align-items:center;display:flex}.arch-node__icon--muted{background:var(--color-surface-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:none}.arch-node__label{text-align:center;color:var(--color-text-primary);font-size:15px;font-weight:600}.arch-arrow{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:4px;display:flex}.arch-arrow__label{letter-spacing:.06em;color:var(--color-accent);font-size:12px;font-weight:600}.arch-arrow__line{background:var(--color-border-dark);width:48px;height:2px;position:relative}.arch-arrow__line:after{content:"";border-left:6px solid var(--color-border-dark);border-top:4px solid #0000;border-bottom:4px solid #0000;position:absolute;top:-3px;right:-1px}.arch-col{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.arch-col .arch-arrow{transform:rotate(90deg)}.ui-focus-grid{gap:var(--space-5);flex-wrap:wrap;display:flex}.ui-focus-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base);flex-shrink:0;width:350px;overflow:hidden}.ui-focus-card:hover{box-shadow:var(--shadow-card-hover)}.ui-focus-card__label{padding:var(--space-4) var(--space-5);font-size:var(--font-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;font-weight:600;display:flex}.ui-focus-card__arrow{color:var(--color-accent)}.ui-focus-card__screen{object-fit:cover;object-position:top;background:var(--color-surface-alt);width:100%;height:200px;display:block}@media (width<=600px){.ui-focus-card{width:100%}}.results-grid{gap:var(--space-5);flex-wrap:wrap;display:flex}.result-card{border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);justify-content:center;align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;width:260px;height:260px;display:flex}.result-card--featured{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-accent)}.result-card--plain{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.result-card__value{font-family:var(--font-display);font-size:var(--font-xl);font-weight:800;line-height:1}.result-card--plain .result-card__value{color:var(--color-accent)}.result-card__label{font-size:var(--font-md);opacity:.85;font-weight:500}.result-card__icon{margin-bottom:var(--space-1)}.sidebar__version-badge{color:var(--color-accent);background:var(--color-accent-dim);border:1px solid var(--color-accent-glow);border-radius:var(--radius-sm);margin:0 var(--space-3);padding:3px 8px;font-family:Courier New,monospace;font-size:10px;font-weight:600;display:inline-block}.sidebar__status{align-items:center;gap:var(--space-2);color:#10b981;padding:4px var(--space-3);font-size:11px;font-weight:500;display:flex}.sidebar__status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.sidebar__learning{align-items:center;gap:var(--space-2);color:var(--color-text-primary);padding:4px var(--space-3);font-size:11px;font-weight:500;display:flex}.sidebar__learning svg{color:var(--color-accent);flex-shrink:0}.sidebar__commit{align-items:flex-start;gap:var(--space-2);padding:4px var(--space-3);display:flex}.sidebar__commit-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.sidebar__commit-msg{color:var(--color-text-primary);font-size:11px;font-weight:500;line-height:1.4}.sidebar__commit-date{color:var(--color-text-muted);margin-top:2px;font-size:10px}.project-page--titan{--color-accent:#e85d04;--color-accent-light:#f97316;--color-accent-dim:#e85d0414;--color-accent-glow:#e85d042e;--shadow-accent:0 4px 24px #e85d0440}.drakensberg-sun-resort{--color-accent:#10b981;--color-accent-light:#34d399;--color-accent-dim:#10b98114;--color-accent-glow:#10b9812e;--shadow-accent:0 4px 24px #10b98140}.project-page--georges-bakery{--color-accent:#0ea5e9;--color-accent-light:#38bdf8;--color-accent-dim:#0ea5e914;--color-accent-glow:#0ea5e92e;--shadow-accent:0 4px 24px #0ea5e940}:root{--color-bg:#f5f4f2;--color-surface:#fff;--color-surface-alt:#f0eee9;--color-border:#e2dfd8;--color-border-dark:#ccc8c0;--color-text-primary:#111110;--color-text-secondary:#5a5750;--color-text-muted:#9a9590;--color-accent:#6b2cf5;--color-accent-light:#8b4ff8;--color-accent-dim:#6b2cf514;--color-accent-glow:#6b2cf52e;--font-display:"Inter", sans-serif;--font-body:"DM Sans", sans-serif;--font-xl:40px;--font-lg:27px;--font-md:20px;--font-sm:17px;--font-xs:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--max-width:1100px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-card:0 2px 12px #0000000f, 0 1px 3px #0000000a;--shadow-card-hover:0 8px 32px #0000001a, 0 2px 8px #0000000f;--shadow-accent:0 4px 24px #6b2cf52e;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:24px}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}.container{max-width:var(--max-width);padding:0 var(--space-8);margin:0 auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-enter{animation:.35s forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.img-placeholder{background-color:var(--color-surface-alt);border:1px solid var(--color-border);width:100%;display:block}