*{
            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;
        }

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

        /* REGISTER BOX */
        .register-box{
            position:relative;
            width:400px;
            padding:45px 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;
            color: white;
        }

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

        /* INPUTS */
        .input-group{
            margin-bottom:25px;
        }

        .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);
        }

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

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

        /* LOGIN LINK */
        .login-link{
            text-align:center;
            margin-top:25px;
            color:white;
        }

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

        .login-link a:hover, .register-box a:hover{
            text-decoration:underline;
        }

        /* RESPONSIVE DESIGN */
        @media(max-width:992px){
            .register-box{
                width:360px;
                padding:40px 30px;
            }
            .register-box h1{
                font-size:38px;
            }
        }

        @media(max-width:768px){
            body{
                padding:20px;
                height:auto;
                min-height:100vh;
                overflow-y:auto;
                background-position:center;
            }
            .register-box{
                width:100%;
                max-width:420px;
                padding:35px 28px;
                border-radius:22px;
            }
            .register-box h1{
                font-size:34px;
                margin-bottom:35px;
            }
            .input-group{
                margin-bottom:22px;
            }
            .input-group input{
                font-size:15px;
                padding:11px 5px;
            }
            .register-btn{
                padding:14px;
                font-size:16px;
            }
            .login-link{
                font-size:14px;
            }
        }

        @media(max-width:480px){
            body{
                padding:15px;
            }
            .register-box{
                width:100%;
                padding:30px 22px;
                border-radius:20px;
            }
            .register-box h1{
                font-size:28px;
                margin-bottom:28px;
            }
            .input-group{
                margin-bottom:20px;
            }
            .input-group input{
                font-size:14px;
                padding:10px 4px;
            }
            .register-btn{
                padding:13px;
                font-size:15px;
                border-radius:10px;
            }
            .login-link{
                margin-top:20px;
                font-size:13px;
            }
        }

        @media(max-width:320px){
            .register-box{
                padding:25px 18px;
            }
            .register-box h1{
                font-size:24px;
            }
            .register-btn{
                font-size:14px;
            }
        }