@tailwind base;@tailwind components;@tailwind utilities;.center-content{display:flex;justify-content:center;align-items:center;flex-direction:column}#root{flex:1}h1{font-size:3.5em;line-height:1.2;font-weight:700;color:#1a1a1a;margin-bottom:1rem}h2{font-size:2.5em;line-height:1.3;font-weight:600;color:#2a2a2a;margin-bottom:.875rem}h3{font-size:2em;line-height:1.4;font-weight:600;color:#333;margin-bottom:.75rem}p{font-size:1rem;line-height:1.6;color:#4a4a4a;margin-bottom:1rem}a{font-weight:500;color:#0500ff;text-decoration:inherit;font-size:1.125rem;transition:color .2s ease}a:hover{color:#0400d1}.connect-button,button.primary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:#3396FF;color:#fff;text-decoration:none;border-radius:2rem;font-weight:600;transition:all .2s ease;white-space:nowrap;min-width:140px;border:none;cursor:pointer;box-shadow:0 2px 4px #0500ff1a;margin-left:7.5rem}@media screen and (max-width: 767px){.connect-button,button.primary{margin:0 auto;display:block}}.connect-button:hover,button.primary:hover{background:#0400d1;transform:translateY(-1px);box-shadow:0 4px 6px #0500ff26}.try-again-container{display:flex;justify-content:center;width:100%;padding-top:1.5rem;margin-top:auto}.try-again-btn{background-color:#0500ff;color:#fff;padding:.875rem 2rem;border-radius:2rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;max-width:240px;box-shadow:0 2px 4px #0500ff1a}.try-again-btn:hover{background-color:#0400d1;box-shadow:0 4px 6px #0500ff26}.cancel-btn{border:2px solid #0500ff;color:#0500ff;padding:.875rem 2rem;border-radius:2rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent}.cancel-btn:hover{background:rgba(5,0,255,.05);border-color:#0400d1;color:#0400d1}.btn-container{display:flex;align-items:center;justify-content:center;gap:1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;padding:1rem}.modal-content{background:white;padding:1.5rem;border-radius:24px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 10px 25px #0500ff1a;border:1px solid rgba(5,0,255,.1);animation:modalAppear .3s ease-out;display:flex;flex-direction:column;min-height:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(5,0,255,.1);padding-bottom:.75rem}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700}.modal-title{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.modal-subtitle{color:#4a4a4a;font-size:1rem;font-weight:500;margin-bottom:.75rem}.modal-text{color:#666;font-size:.875rem;line-height:1.6}.close-button{background:none;border:none;color:#0500ff;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:all .2s ease;opacity:.8}.close-button:hover{transform:rotate(90deg);opacity:1}.modal-body{display:flex;flex-direction:column;gap:1rem;flex:1}.network-button,.wallet-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:white;border:2px solid rgba(5,0,255,.2);border-radius:16px;width:100%;transition:all .2s ease;color:#0400d1;font-weight:600;font-size:1rem;box-shadow:0 2px 4px #0500ff0d;min-height:60px}.network-button:hover,.wallet-button:hover{background:rgba(5,0,255,.05);border-color:#0500ff;transform:translateY(-1px);box-shadow:0 4px 6px #0500ff1a}.network-icon,.wallet-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.status-modal{background:white;border:1px solid rgba(5,0,255,.1)}.gauge-container{position:relative;width:200px;height:120px;margin:0 auto}.gauge-background{position:absolute;bottom:0;left:0;width:200px;height:100px;border-top-left-radius:100px;border-top-right-radius:100px;overflow:hidden;background:linear-gradient(to right,rgba(0,200,83,.1) 0%,rgba(5,0,255,.1) 50%,rgba(220,38,38,.1) 100%)}.gauge-tick{position:absolute;bottom:0;left:50%;width:2px;transform-origin:bottom center;margin-left:-1px}.gauge-needle{position:absolute;bottom:0;left:50%;width:4px;height:90px;background:#0500FF;transform-origin:bottom center;margin-left:-2px;border-top-left-radius:2px;border-top-right-radius:2px;z-index:2;transition:transform 1.5s cubic-bezier(.34,1.56,.64,1)}.gauge-center{position:absolute;bottom:0;left:50%;width:16px;height:16px;background:#0500FF;border-radius:50%;transform:translate(-50%);z-index:3;box-shadow:0 0 0 4px #0500ff33}.gauge-value{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:2rem;font-weight:700}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dash{0%{stroke-dasharray:0,100}to{stroke-dasharray:99,100}}#walletconnect-wrapper{z-index:50!important}.modal-overlay{z-index:40}.modal-overlay.with-wc{background-color:#fffffffa}.loading-spinner{border:3px solid rgba(5,0,255,.1);border-top:3px solid #0500ff;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 480px){.modal-content{padding:2rem;max-width:600px}.modal-header{margin-bottom:2rem;padding-bottom:1rem}.modal-header h3{font-size:1.75rem}.modal-title{font-size:1.5rem}.modal-subtitle{font-size:1.25rem}.modal-body{gap:1.5rem}.network-button,.wallet-button{gap:1.5rem;padding:1.25rem 2rem;font-size:1.125rem;min-height:70px}.network-icon,.wallet-icon{width:40px;height:40px}}@media (min-width: 768px){.modal-content{padding:2.5rem;max-width:700px}.modal-header{margin-bottom:2.5rem}.modal-header h3{font-size:2rem}}@media (max-width: 479px){.modal-overlay{padding:.5rem}.modal-content{padding:1rem;border-radius:16px;max-height:90vh}.modal-header h3{font-size:1.25rem}.network-button,.wallet-button{padding:.875rem 1rem;gap:.75rem;font-size:.9rem;min-height:55px}.network-icon,.wallet-icon{width:28px;height:28px}.close-button{font-size:1.25rem;padding:.25rem}}@media (max-width: 320px){.modal-content{padding:.75rem}.network-button,.wallet-button{padding:.75rem;font-size:.85rem;min-height:50px}.network-icon,.wallet-icon{width:24px;height:24px}}.wallet-connecting,.wallet-connecting *{pointer-events:none}.trust-wallet-iframe{display:none!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important}