html,body,#root{margin:0;padding:0;width:100%;-webkit-user-select:none;user-select:none;overflow-x:hidden;font-family:Roboto,serif;font-optical-sizing:auto;font-style:normal}h1{font-size:xx-large;color:#00586f}span{font-size:large;color:#2b3133}p{font-size:medium;color:#2b3133}a{color:#f5f5f5;font-size:medium;text-decoration:none}li{list-style-type:none}button{display:flex;cursor:pointer;outline:none;align-items:center;justify-content:center;background-color:#007491;border:none;width:256px;height:54px;padding:1rem;text-align:center;color:#f5f5f5;font-size:large}button:hover{background-color:#00586f}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.layout{display:flex;flex-direction:column;min-height:100vh;width:100%;background:linear-gradient(to bottom,#e3f2fd,#bbdefb);color:#333}.layout-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:90%;max-width:1200px;margin:30px auto;padding:40px;background:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a}@media (max-width: 768px){.layout-content{padding:20px;width:95%}}footer{background-color:#00586f;padding:1rem}footer a{text-decoration:none}footer a:hover{text-decoration:underline}header{width:100%;background:#fff;box-shadow:0 4px 8px #0000000d;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}nav{display:flex;gap:20px}nav a{text-decoration:none;font-size:1rem;font-weight:600;color:#333;padding:8px 12px;border-radius:6px;transition:background .3s,color .3s}nav a:hover{background:#1976d2;color:#fff}nav a.active{background:#1565c0;color:#fff}