.page-header{background:linear-gradient(to bottom,var(--background),var(--surface));padding:4rem 0;transition:all .3s}.page-header__container{max-width:1280px;margin:0 auto;padding:0 1rem}.page-header__content{text-align:center}.page-header__title{font-family:var(--font-mono,monospace);margin-bottom:.5rem;font-size:2rem;line-height:1}.page-header__title-gradient{background:linear-gradient(to right,var(--brand-blue),var(--brand-green),var(--brand-pink));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}.page-header__subtitle{font-family:var(--font-mono,monospace);color:var(--text-secondary);max-width:48rem;margin:0 auto;font-size:1rem;font-style:italic;line-height:1}.page-header__content{text-align:center;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.page-header__container{padding:0 1.5rem}}@media (min-width:768px){.page-header{padding:8rem 0}.page-header__title{font-size:4.5rem}.page-header__subtitle{font-size:1.5rem}}@media (min-width:1024px){.page-header__container{padding:0 2rem}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.page-header--compact{padding:3rem 0}.page-header--expanded{padding:10rem 0}