*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui;color:#1b3730;background:#f4f7f5}header{display:flex;justify-content:space-between;padding:16px;background:white;border-bottom:1px solid #d8e3dd}header span{font-size:12px;color:#566c61}#gate{max-width:420px;margin:40px auto;padding:24px}input,button{font:inherit;border:1px solid #bacdc3;border-radius:8px;padding:12px}input{width:100%;margin-bottom:12px}button{background:white;color:#174b3b}nav{display:flex;padding:10px;gap:10px}nav button{flex:1}.selected,#login button{background:#174b3b;color:white}.hint{font-size:12px;margin:0 14px 10px}iframe{border:0;width:100%;height:calc(100dvh - 158px);background:white}iframe[hidden],[hidden]{display:none!important}