*{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        body{
            font-family:'Poppins',sans-serif;
            height:100vh;
            overflow:hidden;

            background:
                linear-gradient(
                    135deg,
                    rgba(15,23,42,0.95),
                    rgba(30,41,59,0.85),
                    rgba(59,130,246,0.45)
                ),
                url('https://images.unsplash.com/photo-1526379095098-d400fd0bf935?q=80&w=1920&auto=format&fit=crop');

            background-size:cover;
            background-position:center;

            display:flex;
            justify-content:center;
            position:relative;

            min-height:100vh;
            align-items:flex-start;
            overflow-y:auto;
            padding:40px 20px;
        }

        body::before{
            content:'';
            position:absolute;
            width:500px;
            height:500px;
            background:rgba(59,130,246,0.25);
            filter:blur(120px);
            border-radius:50%;
            top:-150px;
            right:-100px;
        }

        body::after{
            content:'';
            position:absolute;
            width:400px;
            height:400px;
            background:rgba(168,85,247,0.2);
            filter:blur(120px);
            border-radius:50%;
            bottom:-120px;
            left:-80px;
        }

        .container{
            width:100%;
            max-width:700px;
            padding:40px;
            z-index:2;
        }

        .glass-box{
            background:rgba(255,255,255,0.08);
            border:1px solid rgba(255,255,255,0.15);
            backdrop-filter:blur(18px);

            border-radius:28px;

            padding:50px 40px;

            box-shadow:
                0 10px 40px rgba(0,0,0,0.35);

            text-align:center;
            
        }

        .title{
            color:white;
            font-size:42px;
            font-weight:700;
            margin-bottom:15px;
        }

        .subtitle{
            color:rgba(255,255,255,0.75);
            font-size:15px;
            margin-bottom:40px;
        }

        .search-wrapper{
            display:flex;
            align-items:center;
            gap:14px;
        }

        .search-input{
            flex:1;
            height:60px;

            border:none;
            outline:none;

            padding:0 22px;

            border-radius:18px;

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

            color:white;
            font-size:16px;

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

            transition:0.3s;
        }

        .search-input:focus{
            border-color:#60a5fa;
            box-shadow:0 0 20px rgba(96,165,250,0.35);
        }

        .search-input::placeholder{
            color:rgba(255,255,255,0.5);
        }

        .search-btn{
            width:60px;
            height:60px;

            border:none;
            cursor:pointer;

            border-radius:18px;

            background:linear-gradient(
                135deg,
                #3b82f6,
                #2563eb
            );

            color:white;
            font-size:22px;

            transition:0.3s;

            box-shadow:
                0 10px 25px rgba(37,99,235,0.45);
        }

        .search-btn:hover{
            transform:translateY(-3px) scale(1.03);
            box-shadow:
                0 15px 30px rgba(37,99,235,0.6);
        }

        .login-area{
            margin-top:35px;
        }

        .login-btn{
            display:inline-flex;
            align-items:center;
            gap:10px;

            text-decoration:none;

            padding:14px 28px;

            border-radius:16px;

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

            color:white;

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

            transition:0.3s;
        }

        .login-btn:hover{
            background:rgba(255,255,255,0.18);
            transform:translateY(-2px);
        }

        @media(max-width:768px){

            .glass-box{
                padding:35px 25px;
            }

            .title{
                font-size:32px;
            }

            .search-wrapper{
                flex-direction:column;
            }

            .search-btn{
                width:100%;
            }
        }

        .member-result{

    margin-top:35px;

}

.success-box{

    background:#153c2e;

    border:1px solid #22c55e;

    border-radius:18px;

    padding:25px;

    color:white;

}

.failed-box{

    background:#401818;

    border:1px solid #ef4444;

    border-radius:18px;

    padding:25px;

    color:white;

}

.success-icon{

    font-size:60px;

    color:#22c55e;

}

.failed-icon{

    font-size:60px;

    color:#ef4444;

}

.result-item{

    display:flex;

    justify-content:space-between;

    padding:12px 0;

    border-bottom:1px solid rgba(255,255,255,.1);

}

.result-item:last-child{

    border-bottom:none;

}