*{box-sizing:border-box}html,body{height:100%}body{padding-bottom:40px;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}img{vertical-align:middle}.virtual-key{max-width:640px;margin:0 auto;padding:15px 25px;min-height:1px;text-align:left}.virtual-key__divider img{width:100%}.virtual-key__logo{padding:15px 0}.virtual-key__logo a{text-decoration:none;display:inline-block}.virtual-key__logo img{width:100%;max-width:165px;transition:opacity .2s ease}.virtual-key__logo a:hover img{opacity:.8}.virtual-key__info-box,.virtual-key__footer{padding:20px 0}.virtual-key .qr-code img{width:100%;margin:20px 0}.virtual-key p{margin:0;line-height:1.5}.virtual-key .grey-text{color:#707b83;font-size:14px;line-height:1.5}.virtual-key h1{font-size:44px;font-weight:500;margin:0}.virtual-key h2{font-size:36px;font-weight:400;line-height:32px;margin:20px 0}.virtual-key h3{font-size:24px;font-weight:400;margin-top:20px;margin-bottom:10px;line-height:1.1}.virtual-key h4{font-size:18px;font-weight:400;color:#707b83;line-height:24px;margin-top:10px;margin-bottom:10px}.virtual-key h5{font-size:14px;font-weight:600;color:#707b83;margin:40px 0 0}.virtual-key hr{width:100%;border-color:#dedede;margin:30px 0;border-width:1px 0 1px;border-top:1px solid rgb(238,238,238)}.virtual-key .helper-text{color:#707b83}.virtual-key .m-t-md{margin-top:20px}.virtual-key .m-b-md{margin-bottom:20px}.demo-squares{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px}.demo-square{display:block;padding:30px 20px;border-radius:12px;text-decoration:none;text-align:center;transition:all .3s ease;border:2px solid #e0e0e0;background:#fff;color:#333}.demo-square:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#ccc}.demo-square__icon{font-size:48px;font-weight:700;margin-bottom:15px;line-height:1}.demo-square__title{font-size:24px;font-weight:600;margin-bottom:10px;color:#333}.demo-square__description{font-size:16px;font-weight:400;color:#666;line-height:1.4}.back-link{display:inline-block;margin-top:30px;padding:10px 20px;background-color:#6123e6;color:#fff;text-decoration:none;border-radius:6px;font-size:16px;font-weight:500;transition:background-color .3s ease;text-align:center}.back-link:hover{background-color:#4f1bb8;color:#fff}@media only screen and (max-width: 768px){.virtual-key{padding:10px 15px}.demo-squares{gap:15px}.demo-square{padding:25px 15px;margin:0 5px}.demo-square__icon{font-size:40px;margin-bottom:12px}.demo-square__title{font-size:20px;margin-bottom:8px}.demo-square__description{font-size:14px}.virtual-key .qr-code img{width:100%;margin:65px 0;transition:transform .3s,box-shadow .3s;transform:scale(1.2);box-shadow:0 0 10px 15px #0009}.back-link{margin-top:20px;padding:12px 24px;font-size:14px}}@media only screen and (max-width: 480px){.virtual-key__info-box{padding:15px 0}.demo-square{padding:20px 15px}.demo-square__icon{font-size:36px;margin-bottom:10px}}