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

/* BODY */
body{

min-height:100vh;
font-family:"Segoe UI",sans-serif;

background:
linear-gradient(rgba(20, 30, 52, 0.8),rgba(30,58,138,0.8)),
url("insurance.jpeg");

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

display:flex;
align-items:center;
justify-content:center;

padding:30px;
animation:bgMove 12s ease infinite;
}

@keyframes bgMove{
0%{
background-position:center;
}

50%{
background-position:top;
}

100%{
background-position:center;
}}

/* CONTAINER */
.container{
width:100%;
max-width:1000px;
}

/* CARD */
.card{
background:rgba(255,255,255,0.08);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,0.2);
padding:35px;
border-radius:20px;
box-shadow:0 30px 60px rgba(0,0,0,0.5);
color:white;
transition:0.3s;
}

/* HOVER */
.card:hover{
transform:translateY(-5px);
box-shadow:
0 40px 80px rgba(0,0,0,0.6),
0 0 20px rgba(59,130,246,0.4);
}

/* TITLE */
.card h2{
text-align:center;
margin-bottom:30px;
font-size:28px;
}

/* SECTION */
.section{
margin-bottom:25px;
}

/* GRID */
.form-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
}

/* INPUTS */
input,select{
padding:12px;
border-radius:10px;
border:none;
outline:none;
font-size:14px;
background:rgba(255,255,255,0.95);
transition:0.25s;
}

/* FOCUS */
input:focus,
select:focus{
box-shadow:0 0 0 2px #3b82f6;
transform:scale(1.02);
}

/* BUTTON */
button{
width:100%;
margin-top:25px;
padding:14px;
background:linear-gradient(135deg,#2563eb,#3b82f6);
border:none;
border-radius:12px;
font-size:16px;
font-weight:600;
color:white;
cursor:pointer;
transition:0.3s;
}

/* BUTTON HOVER */
button:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(59,130,246,0.4);
}

/* LOADING */
.loading{
text-align:center;
margin-top:15px;
font-weight:bold;
}

.loading::after{
content:"";
width:18px;
height:18px;
border:3px solid white;
border-top:3px solid transparent;
border-radius:50%;
display:inline-block;
margin-left:8px;
animation:spin 1s linear infinite;
}

@keyframes spin{
to{transform:rotate(360deg);}
}

/* RESULT */
.result{
margin-top:12px;
padding:9px;
border-radius:1px;
/*background:rgba(255,255,255,0.15);*/
text-align:justify;
font-size:16px;
}

/* STATUS COLORS */
.approved{
color:#22c55e;
font-weight:bold;
}

.rejected{
color:#ef4444;
font-weight:bold;
}

/* BADGES */
.badge{
padding:4px 6px;
border-radius:10px;
font-size:12px;
font-weight:bold;
margin-left:6px;
}

.low{background:#16a34a;
}

.medium{
background:#facc15;
color:black;
}

.high{background:#dc2626;
}

/* MOBILE */
@media(max-width:768px){
.form-grid{
grid-template-columns:1fr;
}
.card{
padding:25px;
}
.card h2{
font-size:22px;
}
}