*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:#ab9ff2;justify-content:center;align-items:center;height:95vh;display:flex}.app-container{text-align:center;background:#222;border-radius:15px;flex-direction:column;align-items:center;gap:10px;width:325px;height:610px;margin-top:10px;padding:15px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.logo-container{text-align:center}.logo{width:150px}.header-container{z-index:1001;justify-content:space-between;gap:10px;width:100%;display:flex;position:relative}#connect-wallet{color:#fff;cursor:pointer;background-color:#3c315b;border:none;border-radius:5px;flex:1;height:35px;padding:12px;font-size:16px;transition:background .3s}#connect-wallet:hover{background-color:#50597b}#menu-button{color:#fff;cursor:pointer;background-color:#3a3a4a;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;height:35px;padding:12px;transition:background .3s;display:flex;position:relative}#menu-button span{background:#fff;width:25px;height:3px;transition:all .3s;display:block;position:absolute}#menu-button span:first-child{top:10px}#menu-button span:nth-child(2){top:16px}#menu-button span:nth-child(3){top:22px}#menu-button.active span:first-child{top:16px;transform:rotate(45deg)}#menu-button.active span:nth-child(2){opacity:0}#menu-button.active span:nth-child(3){top:16px;transform:rotate(-45deg)}#menu-button:hover{background-color:#444d50}.menu-dropdown{z-index:1000;opacity:0;background:#3a3a4a;border-radius:8px;width:160px;max-height:300px;display:none;position:absolute;top:105px;right:15px;overflow-y:auto;transform:translateY(-10px);box-shadow:0 4px 10px #0000004d}.menu-dropdown.active{animation:.3s ease-out forwards slideIn;display:block}.menu-dropdown.closing{animation:.3s ease-in forwards slideOut}.menu-dropdown button,.menu-dropdown a{color:#fff;text-align:right;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:10px;font-size:11px;text-decoration:none;display:flex}.menu-dropdown button:hover,.menu-dropdown a:hover{color:#fff;background:#ab9ff2}.menu-dropdown button:last-child,.menu-dropdown a:last-child{border-bottom:none}.menu-dropdown img{order:-1;width:25px;height:auto;margin-right:6px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.radio-dropdown{justify-content:center;gap:10px;margin-top:1px;display:flex}.radio-dropdown input[type=radio]{display:none}.radio-dropdown label{cursor:pointer;color:#fff;background-color:#3a3a4a;border:1px solid #3a3a4a;border-radius:8px;align-items:center;padding:5px 10px;transition:background-color .2s,color .2s;display:flex}.radio-dropdown label:hover{background-color:#444d50}.radio-dropdown input[type=radio]:checked+label{color:#fff;background-color:#2ec08b;border-color:#2ec08b}.icon{vertical-align:middle;width:25px;height:auto;margin-right:5px}.amount-container{background:#1a1a2e;border-radius:12px;justify-content:center;width:100%;padding:10px;display:flex;box-shadow:0 4px 15px #0003}.amount-wrapper{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.currency-row{justify-content:space-between;align-items:center;width:100%;display:flex}.currency-label{text-align:left;width:60px;font-size:14px;font-weight:700}.euro-display{text-align:right;color:#fff;cursor:default;background:0 0;border:none;width:180px;padding:5px;font-family:Courier New,Courier,monospace;font-size:18px}.crypto-row{justify-content:flex-end;align-items:center;width:240px;display:flex}.crypto-display{text-align:right;color:#2ec08b;opacity:0;background:0 0;border:none;padding:5px;font-family:Courier New,Courier,monospace;font-size:18px;transition:opacity .3s}.crypto-display.show{opacity:1}.crypto-label{color:#2ec08b;margin-right:5px}.keypad{grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-width:100%;display:grid}.keypad button{color:#fff;cursor:pointer;background:#2a2a2a;border:none;border-radius:8px;padding:13px 10px;font-size:18px;transition:all .2s;box-shadow:0 0 5px #ab9ff280,0 0 10px #ab9ff24d}.keypad button:hover{background:#3a3a4a;box-shadow:0 0 8px #ab9ff2cc,0 0 15px #ab9ff280}.payment-buttons{justify-content:center;gap:10px;width:100%;margin-top:5px;display:flex}#generate-qr{cursor:pointer;color:#fff;background:linear-gradient(145deg,#2ec08b,#25a671);border:none;border-radius:8px;flex:1;width:135px;height:50px;padding:0;font-size:16px;transition:all .3s}#generate-qr:hover{background:linear-gradient(145deg,#34d698,#2ec08b)}.modal{z-index:2000;background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:8px;width:80%;max-width:320px;margin:15% auto;padding:20px;box-shadow:0 4px 8px #0003}.close{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none}#qr-modal{z-index:999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#qr-modal .modal-content{text-align:center;position:inherit;background-color:#2ec08b;justify-content:center;display:grid}#qr-modal .modal-content h3{color:#fff;margin-bottom:15px}.close-button{color:#fff;cursor:pointer;background-color:#ff7243;border:none;border-radius:8px;margin-top:15px;padding:10px 20px;font-size:16px}#qr-canvas{width:100%;height:auto;margin-top:10px}