<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Kontrolux Portal</title>

<style>

body {

margin: 0;

padding: 0;

font-family: system-ui, sans-serif;

background: #0d0d0d;

color: #ffffff;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

height: 100vh;

text-align: center;

}

h1 {

font-size: 2.5rem;

margin-bottom: 1rem;

}

p {

opacity: 0.8;

margin-bottom: 2rem;

}

.btn {

padding: 0.75rem 1.5rem;

background: #4a8cff;

color: white;

border-radius: 8px;

text-decoration: none;

font-weight: 600;

transition: background 0.2s ease;

}

.btn:hover {

background: #1f6fff;

}

</style>

</head>

<body>

<h1>Kontrolux Portal</h1>

<p>Your smart home, unified.</p>

<a class="btn" href="#">Coming Soon</a>

</body>

</html>