:root{--primary: #3f51b5;--secondary: #dee4f7;--text: #2c3e50;--accent: #ff9800;--light: #ffffff}body{margin:0;font-family:Segoe UI,Roboto,sans-serif;background-color:var(--secondary);color:var(--text)}.page-container{max-width:1000px;margin:0 auto;padding:20px}.header{background:var(--light);padding:30px 20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;text-align:center}.header h1{margin-bottom:10px;font-size:2.2rem;color:var(--primary)}.header p{font-size:1rem;color:#555;line-height:1.6}.footer{text-align:center;font-size:.9rem;color:#999;padding:20px 0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.row{display:flex;flex-direction:row}.row.center{justify-content:center}.row.vertical-center{align-items:center}.column{display:flex;flex-direction:column}.column.center{align-items:center}.column.vertical-center{justify-content:center}