body { margin:0; font-family: Arial, sans-serif; background:#ffffff; }
.hero {
    position:relative;
    background:url('hero.jpg') center/cover no-repeat;
    height:70vh;
    color:white;
}
.logo { position:absolute; top:30px; left:30px; width:90px; }
.title {
    position:absolute;
    bottom:80px;
    left:50%;
    transform:translateX(-50%);
    font-size:48px;
    font-weight:bold;
    line-height:1.2;
    text-align:center;
    text-shadow:0 3px 6px rgba(0,0,0,0.5);
    width:90%;
}
.content {
    padding:40px;
    max-width:1200px;
    margin:auto;
    color:#222;
}
.grid { 
    display:grid; 
    grid-template-columns:1fr 1fr; 
    gap:20px; 
    margin:30px 0; 
}
.card {
    padding:20px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:10px;
}
form { display:flex; gap:10px; margin:20px 0; max-width:600px; }
input { flex:1; padding:12px; font-size:16px; border-radius:6px; border:1px solid #ccc; }
button { padding:12px 20px; font-size:16px; background:black; color:white; border:none; border-radius:6px; cursor:pointer; }
footer { text-align:center; margin-top:40px; color:#666; }