html{--mat-sys-primary: #0b5c7a;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #d3e8f2;--mat-sys-on-primary-container: #062e3d;--koralio-accent: #0b5c7a}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;font-family:Segoe UI,system-ui,sans-serif;color:#1a1b1f}main{padding:48px 24px;max-width:720px}h1{font-weight:500}a{color:#0b5c7a}header,footer{display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px}header nav{display:flex;flex-wrap:wrap;gap:16px}form{display:grid;gap:12px;max-width:32rem}.hp{position:absolute;left:-10000px}