main{display: grid; gap: 64px;}

main > header,
main > section{display: grid; gap: 2rem;}

main > section > div{display: grid; gap: 2rem;}

form{display: grid; gap: 16px;}

#feedback_login{background: var(--background_gradient_02); padding: 32px; border-radius: 16px; text-align: center; box-shadow: var(--box_shadow);}
#feedback_login > div > a{font-size: 1.5rem; font-weight: bold; padding: 16px; margin: 0 32px; background: linear-gradient(90deg, rgb(50,10,100), rgb(0,0,0)); color: rgb(255,245,255); box-shadow: var(--box_shadow); border-radius: 50px;}

#gateway{gap: 32px; align-content: start;}
#gateway > header{gap: 0;}


.date-effective{background: rgb(100,100,100,0.1); border-left: 3px solid rgb(255,255,255); padding: 8px 16px; border-radius: 2px 8px 8px 2px; box-shadow: var(--box_shadow); backdrop-filter: blur(4px);}