*{
	margin: 0;
	padding: 0;
}

body{
	background-image: url('bg.png');
	background-repeat: no-repeat;
	background-size: cover;

}

h1{
	padding-bottom: 20px;
}


label{
	font-size: 20px;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 8px;

}

.container{
	margin-top: 100px;
	
	width: 100%;
    
    max-width: 600px;

    padding: 42px 38px;

    position: relative;

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

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

    border-radius: 28px;

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

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.45),
        inset 0 1px 1px rgba(255, 255, 255, 0.18);

    overflow: hidden;
}


/* Top Glow */

#page::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

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

    border-radius: 50%;

    top: -100px;
    right: -70px;

    filter: blur(15px);
}


/* Top Electric Line */

#page::after {
    content: "";

    position: absolute;

    width: 70px;
    height: 4px;

    border-radius: 10px;

    background: linear-gradient(
        90deg,
        #00eaff,
        #ffffff,
        #ff4db8
    );

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    box-shadow:
        0 0 18px rgba(0, 238, 255, 0.8);
}