@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
.grabanddab-page{color:#fff;background-image:url(/images/grabanddab/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100dvh;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.grabanddab-main{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;position:relative}.grabanddab-logo-container{margin-bottom:20px}.grabanddab-logo{max-width:100%;height:auto}.grabanddab-title{color:#fff;margin:15px 0;font-size:42px;font-weight:700}.grabanddab-verify-form{width:100%;max-width:500px;margin-top:20px}.grabanddab-input-wrapper{align-items:center;display:flex;position:relative}.grabanddab-verify-input{color:#514f4f;background-color:#fff;border:none;border-radius:5px;outline:none;width:100%;height:55px;padding:5px 130px 5px 20px;font-family:Poppins,sans-serif;font-size:16px}.grabanddab-verify-input::placeholder{color:#999}.grabanddab-verify-btn{color:#fff;cursor:pointer;background:#6c0;border:none;border-radius:5px;width:116px;height:36px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:background-color .3s;position:absolute;right:9px}.grabanddab-verify-btn:hover{background:#5ab800}.grabanddab-verify-btn:disabled{cursor:not-allowed;background:#8ed966}.grabanddab-footer{text-align:center;z-index:1;flex-shrink:0;padding:10px 20px 20px;position:relative}.grabanddab-copyright{color:#fff9;margin:0;font-size:12px}.grabanddab-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.grabanddab-modal{text-align:center;aspect-ratio:1;background:linear-gradient(131deg,#c185db 16%,#9e5db8 52%,#7a2999 72%);border-radius:20px;flex-direction:column;justify-content:center;width:100%;max-width:380px;padding:50px 40px;display:flex;position:relative}.grabanddab-modal-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:15px;right:20px}.grabanddab-modal-close:hover{color:#fff}.grabanddab-modal-content{flex-direction:column;align-items:center;gap:15px;display:flex}.grabanddab-modal-icon{width:85px;height:85px}.grabanddab-modal-title{color:#f5f5f5;margin:0;font-size:22px;font-weight:600}.grabanddab-modal-logo{margin-top:5px}.grabanddab-modal-serial{color:#f5f5f5;margin:0;font-size:18px;font-weight:500}.grabanddab-error-icon{background:#dc3545;border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;display:flex}.grabanddab-error-icon svg{color:#fff;width:50px;height:50px}@media (max-width:767px){.grabanddab-main{padding:15px}.grabanddab-title{margin:10px 0;font-size:30px}.grabanddab-logo{max-width:220px}.grabanddab-verify-form{padding:0 10px}.grabanddab-verify-input{height:50px;padding-right:120px;font-size:14px}.grabanddab-verify-btn{width:100px;height:34px;font-size:12px}.grabanddab-modal{max-width:320px;margin:0 15px;padding:30px 20px}.grabanddab-modal-title{font-size:18px}}@media (max-width:480px){.grabanddab-title{font-size:26px}.grabanddab-logo{max-width:180px}}