:root{--beige-1: #fef5e3;--beige-2: #ded6c7;--beige-3: #bfb8aa;--beige-4: #9f998e;--beige-5: #7f7a71;--beige-6: #5f5c55;--beige-7: #403d39;--beige-8: #201f1c;--red-1: #e1524b;--red-2: #c54842;--red-3: #a93e38;--red-4: #8d332f;--red-5: #702926;--red-6: #541f1c;--red-7: #381513;--red-8: #1c0a09;--blue-1: #4f97d3;--blue-2: #4584b9;--blue-3: #3b719e;--blue-4: #315e84;--blue-5: #284c6a;--blue-6: #1e394f;--blue-7: #142635;--blue-8: #0a131a;--pink-1: #ec8982;--pink-2: #cf7872;--pink-3: #b16762;--pink-4: #935651;--pink-5: #764541;--pink-6: #583331;--pink-7: #3b2221;--pink-8: #1d1110}html,body{height:100vh;margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;display:flex;flex-direction:column;background-color:var(--beige-2)}header{background:var(--pink-1);color:#fff;text-align:center;padding:0 0 20px}h1{margin:0}main{display:flex;flex:1;justify-content:center;align-items:center;min-height:0}footer{text-align:center;padding:10px 0;background:var(--pink-1);color:#fff;width:100%}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--beige-3)}::-webkit-scrollbar-thumb{background-color:var(--pink-2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--pink-3)}