.about-spotlight{position:relative;margin-top:2.2rem;padding:1.2rem 1.1rem 1.3rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(to bottom,var(--color-bg-alt),var(--color-bg));overflow:hidden;box-shadow:var(--shadow-sm)}.as-accents{position:absolute;inset:-22% -10%;z-index:0;pointer-events:none;filter:saturate(1.05)}.as-accents .beam{position:absolute;inset:0;background:conic-gradient(from 0deg at 50% 50%,#4f46e56b,#06b6d447,#22c55e47,#4f46e56b);filter:blur(28px);opacity:.32;animation:as-rot 52s linear infinite}.as-accents .beam.b{transform:rotate(30deg) scale(1.06);opacity:.25;animation-duration:64s}.as-accents .bokeh{position:absolute;inset:0;background:radial-gradient(6px 6px at 18% 28%,rgba(255,255,255,.14),transparent 60%),radial-gradient(5px 5px at 72% 64%,rgba(255,255,255,.12),transparent 60%),radial-gradient(4px 4px at 44% 78%,rgba(255,255,255,.1),transparent 60%),radial-gradient(3px 3px at 86% 24%,rgba(255,255,255,.12),transparent 60%);opacity:.45;animation:twinkle 5.5s ease-in-out infinite alternate;filter:blur(.2px)}@keyframes as-rot{to{transform:rotate(360deg)}}@keyframes twinkle{0%{transform:translateY(0);opacity:.35}to{transform:translateY(-6px);opacity:.55}}.as-card{position:relative;z-index:1;display:grid;gap:1rem;align-items:center}@media (min-width: 860px){.as-card{grid-template-columns:240px minmax(0,1fr)}}.avatar-wrap{position:relative;width:220px;height:220px;margin:0 auto}.avatar-glow{position:absolute;inset:-18%;background:radial-gradient(closest-side,rgba(79,70,229,.45),transparent 70%);filter:blur(32px);border-radius:9999px;z-index:0}.headshot{position:relative;z-index:1;width:220px;height:220px;object-fit:cover;border-radius:50%;box-shadow:var(--shadow-md);transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease}.as-meta h1{margin:.1rem 0 .2rem}.grad-name{background:linear-gradient(90deg,#93c5fd,#a78bfa,#34d399 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(1.1);font-size:clamp(1.6rem,3.2vw,2.3rem);letter-spacing:.4px}.tagline{margin:.25rem 0 .75rem;max-width:64ch;opacity:.9;line-height:1.6}.quick-chips{display:flex;gap:.55rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .85rem;border-radius:9999px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);text-decoration:none;font-weight:800;letter-spacing:.35px;font-size:.82rem;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease;box-shadow:var(--shadow-sm)}.chip:hover,.chip:focus-visible{transform:translateY(-1px);border-color:var(--color-accent);color:var(--color-accent)}.chip.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 10px 26px -14px #4f46e599}.chip.primary:hover{filter:brightness(1.06)}.hairline{height:2px;margin:.9rem auto 0;max-width:980px;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#a78bfa,#34d399,#60a5fa);background-size:200% 100%;animation:hairline-move 6s linear infinite}@keyframes hairline-move{0%{background-position:0% 50%}to{background-position:200% 50%}}.about.body{max-width:980px;margin:0 auto}.about-grid{display:grid;gap:1rem;margin:1.5rem 0 1.2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}.card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;height:100%;border-radius:16px;padding:.95rem 1.05rem;background:var(--color-bg-alt);border:1px solid transparent;background:linear-gradient(var(--color-bg-alt),var(--color-bg-alt)) padding-box,conic-gradient(from 180deg at 50% 50%,#4f46e58c,#06b6d459,#22c55e59,#4f46e58c) border-box;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:card-border 16s linear infinite}@keyframes card-border{to{filter:hue-rotate(360deg)}}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card h3{margin:.05rem 0 .55rem;font-size:1.05rem;letter-spacing:.45px}.card ul{margin:.2rem 0 0;padding-left:1.1rem;line-height:1.5}.now{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:14px;padding:.9rem 1rem;margin:.3rem 0 1.5rem;box-shadow:var(--shadow-sm);font-size:.95rem;line-height:1.6}.about-footnote{opacity:.72;margin-top:.85rem}@media (prefers-reduced-motion: reduce){.as-accents .beam,.as-accents .bokeh,.hairline,.card{animation:none!important}}