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


body{

background:
linear-gradient(
135deg,
#f8fafc,
#eef2ff
);

min-height:100vh;

}



/* Page */

.withdraw-page{

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

padding:25px;

}



/* Card */

.withdraw-box{

width:100%;

max-width:480px;

background:#ffffff;

padding:35px;

border-radius:25px;

box-shadow:

0 15px 40px rgba(0,0,0,.08);


animation:slideUp .7s ease;


transition:.3s;

}



.withdraw-box:hover{

transform:translateY(-5px);

box-shadow:

0 25px 50px rgba(0,0,0,.12);

}




@keyframes slideUp{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}




/* Heading */


.withdraw-box h3{

text-align:center;

font-weight:700;

color:#1e293b;

margin-bottom:25px;

}




/* Wallet */


.wallet-box{

background:

linear-gradient(
135deg,
#2563eb,
#7c3aed
);


padding:25px;

border-radius:20px;

text-align:center;

margin-bottom:25px;

color:white;


animation:pulse 3s infinite;


}



.wallet-box h2{

font-size:32px;

font-weight:800;

color:white;

}



@keyframes pulse{


50%{

transform:scale(1.03);

}

}





/* Labels */


label{

font-weight:600;

color:#334155;

margin-bottom:8px;

}





/* Inputs */


.form-control,
.form-select{


height:52px;

border-radius:14px;

border:1px solid #e2e8f0;

background:#f8fafc;


transition:.3s;

}




.form-control:hover,
.form-select:hover{


border-color:#2563eb;

transform:translateY(-2px);


}



.form-control:focus,
.form-select:focus{


background:white;


border-color:#7c3aed;


box-shadow:

0 0 15px rgba(124,58,237,.15);


}





/* Plan Status */


.plan-active{


background:#dcfce7;

color:#166534;


padding:15px;

border-radius:15px;

text-align:center;

font-weight:600;

}



.plan-expired{


background:#fee2e2;

color:#991b1b;


padding:15px;

border-radius:15px;

text-align:center;

font-weight:600;

}




/* Button */


.withdraw-btn{


width:100%;

height:55px;


border:none;


border-radius:15px;


background:

linear-gradient(
135deg,
#2563eb,
#7c3aed
);


color:white;


font-size:18px;


font-weight:700;


transition:.35s;


}



.withdraw-btn:hover{


transform:translateY(-4px);


box-shadow:

0 12px 30px rgba(37,99,235,.35);


}



.withdraw-btn:active{

transform:scale(.96);

}





/* Alert */

.alert{

border-radius:15px;

}




/* Mobile */

@media(max-width:576px){


.withdraw-page{

padding:15px;

}



.withdraw-box{

padding:22px;

}


.wallet-box h2{

font-size:26px;

}


}