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