:root{--midnight-blue:#0A0F2C;--sapphire:#253DFF;--iris-purple:#625EFF;--sky-tint:#C1D9FF;--white:#FFFFFF;--slate-gray:#5C5F6E}body,html{margin:0;padding:0;height:100%}body{font-family:Roboto,sans-serif;background-color:var(--white);color:var(--slate-gray);line-height:1.5}h1{font-size:48px;font-weight:700;letter-spacing:-.01em}h1,h2{color:var(--midnight-blue)}h2{font-size:36px;font-weight:500}h3{font-size:24px;font-weight:400;color:var(--midnight-blue)}.button-primary{background-color:var(--sapphire);color:var(--white);font-weight:700;padding:.75rem 1.5rem;border-radius:8px;text-transform:uppercase;transition:background-color .3s ease}.button-primary:hover{background-color:#1B2CCC}.card{background:var(--white);border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.02);box-shadow:0 6px 16px rgba(0,0,0,.1)}