.logo{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:8%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.logo h1{font-family:TT Interfaces,sans-serif;font-size:50px;font-weight:700;color:#fff;text-transform:lowercase;white-space:nowrap;margin:0}.star-icon{width:40px;height:40px;margin-left:8px;vertical-align:middle;animation:glow 1.5s infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(255,220,80,.8))}to{filter:drop-shadow(0 0 15px rgba(255,220,80,1))}}.subtitle{font-size:25px;font-family:TT Interfaces,sans-serif;color:#fff;margin-top:5px;text-align:center}.subtitle .kyc{background-color:#4458b5;color:#fff;font-weight:700;border-radius:8px;padding:3px 10px;display:inline-block;transition:transform .3s ease-in-out}.subtitle .kyc:hover{transform:rotate(360deg)}.inputs-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inputs-container label{font-size:18px;color:#fff;font-family:TT Interfaces,serif;align-self:flex-start;margin-left:-0px;margin-bottom:5px;opacity:80%}.inputs-container input{width:350px;padding:15px;margin:10px 0 20px;font-size:16px;color:azure;border:1px solid #161C1F;font-family:TT Interfaces,serif;background-color:#161c1f;border-radius:10px;outline:none;opacity:1;transition:background-color .3s ease}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=text]:focus{background-color:#192023}input[type=number]:focus{background-color:#192023}.inputs-container button{display:flex;align-items:center;justify-content:center;width:380px;padding:15px;margin-top:20px;font-size:16px;background-color:#2f2f2f;font-family:TT Interfaces;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.inputs-container img{width:40px;border-radius:10px;height:40px;position:absolute;margin-right:320px}.inputs-container button:hover{background-color:#444}.inputs-container button:disabled{opacity:.7;cursor:not-allowed}.input-error{border:1px solid #ff5863;background-color:#ff58631a;transition:background-color .3s ease,border .3s ease}.input-group{display:flex;flex-direction:column;align-items:flex-start;position:relative;margin-top:12px}.error-text{color:#ff5863;position:absolute;font-size:14px;font-family:TT Interfaces,sans-serif;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.username-error-text{margin-left:118px;margin-top:95px}.amount-error-text{margin-left:80px;margin-top:95px}.error-text.visible{opacity:1;visibility:visible}.input-error{background-color:#fcc;border:1px solid red}.amount-error-text.visible{display:block}@media screen and (max-width: 768px){.logo h1{font-size:36px}.logo h1 .subtitle{font-size:24px}}@media screen and (max-width: 480px){.logo h1{font-size:28px}.logo h1 .subtitle{font-size:18px}.logo h1 .subtitle .kyc{padding:2px 4px;font-size:16px}}.recipient-banner{width:350px;padding:15px;margin:10px 0 20px;border-radius:10px;background:#161c1f;border:1px solid #161C1F;display:flex;align-items:center;gap:10px;position:relative;box-sizing:border-box;height:58px}.recipient-banner img{position:static!important;margin:0!important;width:40px;height:40px;border-radius:50%;object-fit:cover}.recipient-banner .name{font-weight:600;font-size:16px;color:#fff;line-height:1.2}.recipient-banner .uname{font-size:14px;color:#aaa;opacity:.8}.recipient-banner .close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#888;font-size:20px;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.recipient-banner .close:hover{color:#cbd1d8}.support-text{position:fixed;bottom:15px;left:47%;transform:translate(-50%);color:#999;font-size:14px;font-weight:20vw;text-align:center;font-family:TT Interfaces,serif;opacity:.9;transition:opacity .2s ease-in-out;cursor:default;z-index:100}.support-text:hover{opacity:1;color:#fff}.support-text a{color:#999;text-decoration:none;transition:color .2s ease-in-out;font-weight:100vw}.legal-text{position:fixed;bottom:15px;right:15px;font-size:14px;left:50%;font-weight:500;color:#999;cursor:pointer;z-index:101}.legal-text button{background:none;border:none;color:#999;cursor:pointer;font-size:inherit;font-weight:inherit;font-family:TT Interfaces,serif;padding:0;transition:color .2s ease-in-out}.legal-text button:hover{color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease-in-out}.modal-content{background:#1e1e1e;padding:25px;border-radius:12px;max-width:420px;width:90%;box-shadow:0 4px 20px #0006;text-align:center;animation:slideUp .25s ease;font-family:TT Interfaces,serif}.modal-content h2{margin-bottom:10px;color:#fff;font-size:20px}.modal-content p{color:#ccc;font-size:14px;margin-bottom:20px;line-height:1.5}.close-btn{background:#007bff;border:none;padding:8px 16px;color:#fff;font-size:14px;border-radius:8px;cursor:pointer;transition:background .2s}.close-btn:hover{background:#0056b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.tos-text{position:fixed;bottom:15px;right:15px;font-size:14px;left:53%;font-weight:500;color:#999;cursor:pointer;z-index:101}.tos-text button{background:none;border:none;color:#999;cursor:pointer;font-size:inherit;font-weight:inherit;font-family:TT Interfaces,serif;padding:0;transition:color .2s ease-in-out}.tos-text button:hover{color:#fff}.dual-button-container{display:flex;justify-content:center;gap:12px;width:380px}.dual-button-container .pay-button{flex:1;height:56px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-family:TT Interfaces;color:#fff;background-color:#2f2f2f;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.dual-button-container .pay-button:hover{background-color:#4e4e4e}.dual-button-container .pay-button:disabled{opacity:.7;cursor:not-allowed}.wallet-icon{display:block;width:auto;height:24px;object-fit:contain}@font-face{font-family:TT Interfaces;src:local("TT Interfaces Semi Bold"),local("TT-Interfaces-Semi-Bold"),url(/assets/TTInterfaces-SemiBold-5d_8nZPx.woff2) format("woff2"),url(/assets/TTInterfaces-SemiBold-CqfEPiZ-.woff) format("woff"),url(/assets/TTInterfaces-SemiBold-BS5baob4.ttf) format("truetype");font-weight:600;font-style:normal}body{background-color:#131618}.inputs-container,.input-group,label,input,button{color:#fff}
