:root{--primary:#3f3af8;--bg:#ffffff;--card:#ffffff;--card-alt:#f9f9f9;--border:#e2e8f0;--text:#1a1a1a;--text-muted:#475569;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--icon:brightness(0) saturate(100%);--icon-section:brightness(0) saturate(100%) invert(25%) sepia(92%) saturate(3100%) hue-rotate(235deg) brightness(97%) contrast(102%)}.dark{--primary:#3a96f8;--bg:#0f172a;--card:#0f172a;--card-alt:#1b2430;--border:#1f2933;--text:#ffffff;--text-muted:#94a3b8;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.25);--icon:brightness(0) saturate(100%) invert(1);--icon-section:brightness(0) saturate(100%) invert(48%) sepia(92%) saturate(2300%) hue-rotate(185deg) brightness(98%) contrast(101%)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-family:"Cascadia Code",monospace;font-optical-sizing:auto}body{background-color:var(--bg);color:var(--text)}.layout{max-width:40.25rem;margin:0 auto;padding:2rem 1rem}.header-container{display:flex;flex-direction:column;gap:1rem}.header__theme-button{display:flex;width:2rem;height:2rem;margin-left:auto;border:none;background-color:var(--bg)}.header__theme-button :hover{cursor:pointer}.header__theme-icon{filter:var(--icon)}.header__profile{display:flex;gap:1rem;flex-wrap:wrap}.profile__photo{width:10rem;height:10rem;border:solid;border-color:var(--border);border-radius:100%;box-shadow:var(--shadow-sm)}.profile__description{margin:auto 0}.profile__name{font-size:2.5rem;margin:0 0 1rem;font-weight:700}.profile__title{display:block;font-size:1.25rem;color:var(--primary);font-weight:500}.profile__social-container{display:flex;gap:.5rem;flex-wrap:wrap}.profile__social-links{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:solid 1px;border-color:var(--border);border-radius:8px;font-size:.875rem;text-decoration:none;color:var(--text)}.profile__social-links:hover{background-color:var(--card-alt)}.profile__social-icons{width:1rem;height:1rem;filter:var(--icon)}.profile__availability{margin-top:.5rem;font-size:.875rem}.main__about-me,.main__projects{margin-top:4rem}.about-me__container,.projects__container{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.about-me__icon,.projects__icon{width:1.25rem;height:1.25rem;filter:var(--icon-section)}.about-me__title,.projects__title{font-size:.875rem;font-weight:700;text-transform:uppercase}.about-me__description{line-height:1.5rem;color:var(--text-muted)}.projects__card{display:block;padding:1.25rem;border:solid 1px;border-color:var(--border);border-radius:8px;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .15s ease}.projects__card:hover{transform:translateY(4px)}.projects__card:hover .card__icon{filter:brightness(0) saturate(100%) invert(25%) sepia(92%) saturate(3100%) hue-rotate(235deg) brightness(97%) contrast(102%)}.projects__card-alt{margin-top:1rem;background-color:var(--card-alt)}.projects__card-alt:hover{background-color:var(--card)}.card__image{display:block;border-radius:8px;object-fit:contain;width:100%}.card__title-container{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin:1rem 0 .5rem;color:var(--text)}.card__title-container--alt{margin-top:0;flex-wrap:nowrap}.card__title{font-size:1.5rem;font-weight:700;flex:1 1 0%}.card__title--alt{font-size:1.125rem;flex:initial}.card__icon{width:1.5rem;height:1.5rem}.card__description{font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.card__technologies{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;font-size:.75rem;font-weight:700;color:var(--primary)}