<!DOCTYPE html>

<head>

<title>Подключение</title>

<style>

body {{

position: relative;

background: linear-gradient(135deg, #00BFFF, #32CD32);

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

height: 100vh;

margin: 0;

overflow: hidden;

font-family: 'Comfortaa', Arial, sans-serif;

color: #ffffff;

text-align: center;

}}

body::before {{

content: "";

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: inherit;

z-index: -1;

}}

.image {{

max-width: 350px;

margin-bottom: 40px;

margin-top: -220px;

filter: drop-shadow(0px 0px 20px rgba(0, 191, 255, 0.8))

drop-shadow(0px 0px 60px rgba(0, 191, 255, 0.6))

drop-shadow(0px 0px 80px rgba(0, 191, 255, 0.4))

drop-shadow(0px 0px 120px rgba(0, 191, 255, 0.2));

background: transparent;

}}

.text {{

font-size: 48px;

margin-bottom: -30px;

line-height: 1.5;

max-width: 900px;

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);

}}

</style>

</head>

<body>

</body>

</html>