.edid-pro-assistant{
position:relative;
overflow:hidden;
padding:80px;
border-radius:40px;
background:
linear-gradient(rgba(0,0,0,0.72),rgba(0,0,0,0.88)),
url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?q=80&w=1600&auto=format&fit=crop');
background-size:cover;
background-position:center;
box-shadow:0 30px 100px rgba(0,0,0,0.55);
color:#fff;
}

.edid-overlay{
position:absolute;
inset:0;
backdrop-filter:blur(2px);
}

.edid-header{
position:relative;
z-index:2;
text-align:center;
margin-bottom:50px;
}

.edid-badge{
display:inline-block;
padding:12px 24px;
border-radius:60px;
background:rgba(255,180,0,0.12);
border:1px solid rgba(255,180,0,0.3);
font-size:12px;
letter-spacing:4px;
font-weight:700;
color:#ffb400;
margin-bottom:30px;
}

.edid-header h2{
font-size:72px;
line-height:1;
font-weight:900;
margin-bottom:25px;
background:linear-gradient(180deg,#ffd76a 0%,#ffae00 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.edid-header p{
font-size:20px;
opacity:0.9;
}

.edid-form{
position:relative;
z-index:2;
display:flex;
flex-direction:column;
gap:24px;
}

.edid-form textarea{
min-height:220px;
padding:28px;
border-radius:28px;
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.1);
color:#fff;
font-size:17px;
backdrop-filter:blur(14px);
}

.edid-form button,
.edid-btn{
padding:24px;
border:none;
border-radius:24px;
background:linear-gradient(180deg,#ffd76a 0%,#ffae00 100%);
font-size:18px;
font-weight:900;
letter-spacing:2px;
cursor:pointer;
text-decoration:none;
color:#000;
text-align:center;
display:block;
box-shadow:0 20px 60px rgba(255,180,0,0.25);
transition:0.3s;
}

.edid-form button:hover,
.edid-btn:hover{
transform:translateY(-4px);
box-shadow:0 30px 80px rgba(255,180,0,0.35);
}

.edid-results{
position:relative;
z-index:2;
margin-top:60px;
}

.edid-results h3{
font-size:34px;
margin-bottom:30px;
color:#ffb400;
}

.edid-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:28px;
margin-bottom:40px;
}

.edid-card{
padding:34px;
border-radius:28px;
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,180,0,0.18);
backdrop-filter:blur(16px);
box-shadow:0 20px 50px rgba(0,0,0,0.35);
}

.edid-card span{
display:block;
font-size:14px;
margin-bottom:16px;
opacity:0.75;
}

.edid-card strong{
font-size:24px;
font-weight:800;
}

@media(max-width:768px){

.edid-pro-assistant{
padding:28px;
border-radius:24px;
}

.edid-header h2{
font-size:42px;
}

.edid-grid{
grid-template-columns:1fr;
}

}