body{font-family:Arial,sans-serif;background-color:#eef2f3;margin:0;padding:0;text-align:center}header,footer{background-color:#046;color:#fff;padding:1em}form{margin:2em auto;max-width:90%}input,button{padding:.5em;margin:.5em;font-size:1em;width:90%;max-width:400px}.id-card{margin:2em auto;padding:1em;width:90%;max-width:400px;border-radius:10px;border:2px solid #004466;box-shadow:0 4px 10px #0000001a;background-color:#fff;text-align:left;display:flex;flex-direction:column;align-items:center}.id-card img{width:100%;max-width:300px;height:auto;border-radius:6px;margin-bottom:1em}.details{width:90%;padding:0 1em}.details p{margin:.5em 0;font-size:1em;color:#333}.error,.status-expired{color:red;font-weight:700}.status-valid{color:green;font-weight:700}@media screen and (max-width: 600px){header,footer{padding:.8em}h1{font-size:1.4em}input,button{font-size:1em;width:95%}.id-card{padding:.8em;max-width:95%}.details p{font-size:.95em}}.details{background-color:#f9f9f9;padding:1em;border-radius:10px;margin-top:1em;box-shadow:0 2px 6px #0000000d;font-family:Segoe UI,sans-serif}.detail-row{display:flex;justify-content:space-between;margin-bottom:.75em;border-bottom:1px solid #eaeaea;padding-bottom:.5em}.label{font-weight:600;color:#333;flex:1}.value{flex:2;text-align:right;color:#444}