*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:Arial,sans-serif;
        }

        body{
            width:100%;
            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;
            overflow:hidden;
            background:url("../assets/images/ChatGPT\ Image\ 27_05_2026\,\ 16_48_25.png");
            background-size:cover;
            background-position:center;
        }

        /* DARK OVERLAY */
        body::before{
            content:"";
            position:absolute;
            width:100%;
            height:100%;
            background:rgba(0,0,0,0.25);
        }

        /* LOGIN BOX */
        .login-box{
            position:relative;
            width:380px;
            padding:50px 35px;
            border-radius:25px;
            background:rgba(255,255,255,0.08);
            border:1px solid rgba(255,255,255,0.4);
            backdrop-filter:blur(18px);
            box-shadow:0 8px 32px rgba(0,0,0,0.35);
            z-index:1;
        }

        .login-box h1{
            text-align:center;
            color:white;
            margin-bottom:45px;
            font-size:42px;
            font-weight:300;
        }

        /* INPUT GROUP */
        .input-group{
            margin-bottom:30px;
        }

        .input-group input{
            width:100%;
            background:transparent;
            border:none;
            border-bottom:2px solid rgba(255,255,255,0.7);
            padding:12px 5px;
            color:white;
            font-size:16px;
            outline:none;
        }

        .input-group input::placeholder{
            color:rgba(255,255,255,0.8);
        }

        /* OPTIONS */
        .options{
            display:flex;
            justify-content:space-between;
            align-items:center;
            margin-bottom:30px;
            color:white;
            font-size:14px;
        }

        .options a{
            color:white;
            text-decoration:none;
        }

        .options a:hover{
            text-decoration:underline;
        }

        /* BUTTON */
        .login-btn{
            width:100%;
            padding:15px;
            border:none;
            border-radius:12px;
            background:white;
            color:black;
            font-size:18px;
            cursor:pointer;
            transition:0.3s;
        }

        .login-btn:hover{
            transform:scale(1.03);
        }

        /* REGISTER */
        .register{
            text-align:center;
            margin-top:25px;
            color:white;
        }

        .register a{
            color:#ff8ea1;
            text-decoration:none;
            font-weight:bold;
        }

        .register a:hover{
            text-decoration:underline;
        }

        /* RESPONSIVE */
        @media(max-width:450px){
            .login-box{
                width:90%;
            }
            .login-box h1{
                font-size:34px;
            }
        }