*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background-color:#0a0a1f;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.4}:root{--purple:#a855f7;--bg-dark:#0a0a1f;--text-muted:#a1a1aa;--border-purple:#a855f74d}.page__title{letter-spacing:-.04em;color:#fff;text-shadow:0 4px 20px #0009;text-align:center;margin-bottom:.75rem;font-family:Space Grotesk,sans-serif;font-size:3.5rem;font-weight:700}@media (min-width:768px){.page__title{font-size:4.5rem}}@media (min-width:1024px){.page__title{font-size:5.5rem}}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0a0a1ff2;border-bottom:1px solid #a855f733;width:100%;height:4rem;position:fixed;top:0;left:0}.header__inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;height:100%;margin:0 auto;padding:1rem 1.5rem;display:flex}.header__logo-row{align-items:center;display:flex}.header__logo-link{color:#fff;align-items:center;gap:.75rem;text-decoration:none;display:flex}.header__logo-circle{color:#fff;background:linear-gradient(135deg,#a855f7,#22d3ee);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 0 0 4px #a855f74d}.header__title{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700}.header__nav{gap:2.25rem;display:flex}.nav-link{color:#e5e7eb;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#a855f7}body{background-position:50% 35%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding-top:2.5rem;padding-bottom:4rem;display:grid}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.card{background:#18181b;border-radius:1rem;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000004d}.card:hover{transform:translateY(-4px);box-shadow:0 0 30px 12px #a855f780}.card__media{background:#27272a;flex-shrink:0;height:200px;position:relative}.card__media img{object-fit:cover;width:100%;height:100%}.card__content{flex-direction:column;flex:1;padding:1rem;display:flex}.card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.6rem;margin-top:auto;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card__description{color:#a1a1aa;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.modal{z-index:10000;background:#000000f2;justify-content:center;align-items:center;padding:0;display:none;position:fixed;inset:0;overflow:hidden}.modal__content{border:1px solid var(--border-purple);background:#18181b;border-radius:1.5rem;flex-direction:column;width:100%;max-width:1024px;max-height:94vh;margin:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.footer{text-align:center;color:#a1a1aa;background:#0a0a1f;border-top:1px solid #a855f733;padding:3rem 1.5rem 2rem;font-size:.875rem}.footer__container{max-width:1280px;margin:0 auto}body:before{content:"";z-index:0;pointer-events:none;background:#0a0a1f73;position:fixed;inset:0}main,.container{z-index:2;position:relative}