*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#eee;color:#202124}
body{min-height:100vh}
.verification-page{width:min(100%,430px);min-height:100vh;margin:0 auto;background:#f0f0f0;display:flex;align-items:center;justify-content:center;padding:16px}
.verification-panel{width:100%;max-width:320px;transform:translateY(-1.5vh)}
.verification-heading{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}
.verification-logo{width:28px;height:28px;flex:0 0 28px;display:block}
.verification-heading h1{margin:0;color:#5f6368;font-size:14px;font-weight:500;letter-spacing:.04em}
.verification-box{width:100%;min-height:156px;padding:20px;border:1px solid #d3d3d3;border-radius:8px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);display:grid;grid-template-columns:42px 1fr 58px;align-items:center;text-align:left;color:#202124;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.verification-box:hover{border-color:#c8c8c8;box-shadow:0 3px 9px rgba(0,0,0,.10)}
.verification-box:active{transform:scale(.997)}
.verification-box:focus-visible{outline:3px solid rgba(66,133,244,.25);outline-offset:3px}
.verification-checkbox{width:28px;height:28px;border:2px solid #c4c4c4;border-radius:4px;background:#fafafa;display:grid;place-items:center;transition:.18s}
.verification-box.is-checking .verification-checkbox{border-color:#4285f4;border-top-color:transparent;border-radius:50%;animation:verify-spin .75s linear infinite}
.verification-box.is-verified .verification-checkbox{position:relative;border-color:#a8a8a8;background:#fafafa;color:transparent}
.verification-box.is-verified .verification-checkbox:after{content:"";width:14px;height:8px;border-left:4px solid #4f86ed;border-bottom:4px solid #4f86ed;transform:translateY(-2px) rotate(-45deg);border-radius:1px}
.verification-label{font-size:14px;line-height:1.2;user-select:none}
.verification-brand{justify-self:end;display:flex;flex-direction:column;align-items:center;text-align:center;color:#9e9e9e}
.verification-brand-icon{width:32px;height:32px;display:block}
.verification-brand small{margin-top:2px;font-size:9px;line-height:1;color:#9e9e9e}
.verification-brand em{margin-top:1px;font-size:7px;line-height:1;color:#bbb;font-style:normal;white-space:nowrap}
.verification-footer{margin:24px 0 0;text-align:center;color:#9e9e9e;font-size:10px}
.verification-note{margin:7px 0 0;text-align:center;color:#b7b7b7;font-size:9px}
.verification-box[disabled]{cursor:default}
@keyframes verify-spin{to{transform:rotate(360deg)}}
@media(max-width:360px){.verification-page{padding:14px}.verification-panel{max-width:310px}.verification-box{grid-template-columns:40px 1fr 56px;padding:18px;min-height:150px}}