<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Hello Amoseh</title>


    <style>

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }


        body {

            display: flex;

            justify-content: center;

            align-items: center;

            height: 100vh;

            background: linear-gradient(135deg, #4f46e5, #7c3aed);

            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

            overflow: hidden;

        }


        .card {

            background: rgba(255, 255, 255, 0.12);

            backdrop-filter: blur(12px);

            -webkit-backdrop-filter: blur(12px);

            padding: 40px 70px;

            border-radius: 20px;

            box-shadow: 0 20px 40px rgba(0,0,0,0.25);

            border: 1px solid rgba(255,255,255,0.2);

        }


        h1 {

            color: white;

            font-size: clamp(2.5rem, 6vw, 5rem);

            font-weight: 700;

            letter-spacing: 2px;

            text-align: center;

            text-shadow: 0 4px 12px rgba(0,0,0,0.25);

        }

    </style>

</head>

<body>


    <div class="card">

        <h1>Hello Amoseh 👋</h1>

    </div>


</body>

</html>