<!-- start Simple Custom CSS and JS -->
<style type="text/css">
html, body {
	height: 100%;
	margin: 0;
	background: #04060a;
	color: #fff;
	font-family: Tahoma, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

    /* Curseur personnalisé */
.cursor {
	position: fixed;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
	mix-blend-mode: difference;
	pointer-events: none;
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.15s ease, opacity 0.3s ease;
	z-index: 9999;
    }

.cursor.active {
	transform: translate(-50%, -50%) scale(2);
	opacity: 0.6;
    }

main {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      text-align: center;
    }

a, button {
	color: #fff;
	text-decoration: none;
	margin-top: 20px;
	padding: 10px 20px;
	border: 1px solid #fff;
	border-radius: 6px;
	background: transparent;
	cursor: pointer;
    }

a:hover, button:hover {
	background: #fff;
	color: #000;
    }
</style>
<!-- end Simple Custom CSS and JS -->
