#attendance-welcome{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #f0dfca;border-radius:28px;padding:30px 28px 26px;text-align:center;color:#44252d;background:linear-gradient(155deg,#fffdf7,#fff 62%,#fff3f5);box-shadow:0 28px 100px #34102035}
#attendance-welcome::backdrop{background:#24131d88;backdrop-filter:blur(5px)}
.attendance-welcome-art{margin:0 auto 16px;width:156px;height:156px;display:grid;place-items:center;border-radius:50%;background:#fff3ce}
.attendance-welcome-art img{display:block}.attendance-welcome-tag{display:inline-block;padding:6px 14px;border-radius:99px;background:#e6f5e9;color:#217241;font-size:14px}
#attendance-welcome h2{font-size:27px;line-height:1.5;margin:18px 0 4px;color:#861637}#attendance-welcome-message{font-size:23px;font-weight:600;margin:0 0 12px}.attendance-welcome-detail{color:#826e74;font-size:15px;margin:0 0 24px}
#attendance-welcome form{margin:0}#attendance-welcome button{width:100%;padding:13px;border-radius:13px;font-size:17px;background:#991b40;color:white;border:0;cursor:pointer}#attendance-welcome button:focus-visible{outline:3px solid #d6a12f;outline-offset:4px}
@media(max-width:480px){#attendance-welcome{padding:24px 20px}#attendance-welcome h2{font-size:24px}}