:root {scroll-behavior: smooth;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
* {box-sizing: border-box!important}
body {margin:12px auto;max-width: 900px;min-height: max-content;font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;line-height: 1.5;letter-spacing: 0.2px;}
.mc {width: 90%;margin-inline: auto;position: relative;}
h1 {text-align: center;}

.form {max-width: 800px;margin-inline: auto;margin-block-start: 2dvh;max-height: max-content;position: relative; padding-top: 20px;}
.group { object-fit: cover;max-height: max-content; padding: 32px 24px;background: #ffffff; box-shadow: 3px 3px 6px #000000ca; border-radius: 16px;border: 1px solid rgba(0, 0, 0, 0.301);}
/* .group.active { opacity: 1; transform: scale(1); filter: grayscale(0%); pointer-events: auto; } */
label { font-size: 16px; font-weight: 600;margin-block: 0px 6px; display: block; text-transform: capitalize;padding-inline-start: 2px;}
.input { width: 100%; height: 48px; border-radius: 6px; border: 1.5px solid rgb(0, 0, 0);padding: 0px 16px; font-size: 16px;margin-block-end: 16px;}
#residence {width: 100%;border-radius: 6px;padding-block: 12px;height: 80px;}
#year {width: 30%;border-radius: 6px;height: 48px;padding-inline-start: 16px;}
#year, #residence {border: 1.5px solid rgb(0, 0, 0);}
#pin, #cpin {width: 30%}
#num {width: 60%; min-width: 150px;max-width: max-content;}
.input:focus { outline: none; border-color: var(--theme); outline-offset: 1px solid black;}
#errorMsg {margin-block: 0px;}

.submit-div {width: 100%;display: flex;gap: 32px;justify-content: space-evenly;margin-inline: auto;position: absolute;bottom: -15px;left:50% ;transform: translateX(-50%);}
[type='submit'], .back, .next {text-align: center;height: 48px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.297);padding: 0px 16px; font-size: 16px;width: max-content;margin-inline: 0px;background-color: rgb(11, 168, 35);color: white;}
.back, .next {background-color: white;color: black;border: 1px solid rgba(0, 0, 0, 0.603);margin-inline: 0px;}
button:active {transform: scale(0.94)}
.ftd {border-radius: 6px;margin: 32px auto 40px;max-width: 100%;padding: 1px;text-align: center}