:root{--sui-primary: #2A85FF;--sui-secondary: #2A85FF;--sui-accent: #2A85FF;--sui-dark: #0c0e17;--sui-darker: #070914;--sui-light: #e6f0ff;--sui-gradient-start: #2A85FF;--sui-gradient-end: #00C2FF;--text-primary: #ffffff;--text-secondary: #8b9fbd;--background: #070914;--card-bg: #0c0e17;--border-color: rgba(42, 133, 255, .4);--border-highlight: rgba(42, 133, 255, .7);--success: #00c48c;--warning: #ffb545;--error: #ff5a5a}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--sui-primary);background:linear-gradient(to right,var(--sui-gradient-start),var(--sui-gradient-end));border-radius:10px}::-webkit-scrollbar-thumb{background:#fff;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#f0f0f0;border:2px solid transparent;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:#ffffff var(--sui-primary)}html{height:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#030508;color:var(--text-primary);height:100%;line-height:1.6;position:relative;overflow-x:hidden;overflow-y:auto}@keyframes gradientAnimation{0%{background-position:0% 100%;transform:rotate(0)}50%{background-position:100% 0%;transform:rotate(5deg)}to{background-position:0% 100%;transform:rotate(0)}}@keyframes swirl{0%{transform:translate(0) rotate(0);opacity:.2}33%{transform:translate(2%,-2%) rotate(120deg);opacity:.3}66%{transform:translate(-2%,2%) rotate(240deg);opacity:.2}to{transform:translate(0) rotate(360deg);opacity:.2}}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(225deg,rgba(42,133,255,.1) 0%,rgba(42,133,255,.15) 25%,rgba(42,133,255,.1) 50%,rgba(42,133,255,.05) 75%,transparent 100%);background-size:200% 200%;animation:gradientAnimation 15s ease infinite,swirl 30s ease-in-out infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 75%,rgba(42,133,255,.15) 0%,rgba(42,133,255,.1) 25%,rgba(42,133,255,.05) 50%,transparent 75%);animation:swirl 20s ease-in-out infinite reverse;pointer-events:none;z-index:0}#root{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background:linear-gradient(90deg,var(--sui-gradient-start),var(--sui-gradient-end));color:#fff;box-shadow:0 4px 12px #00e8ff4d;border-radius:8px}.btn-primary:hover{box-shadow:0 6px 16px #00e8ff66;transform:translateY(-2px)}.btn-secondary{background-color:#2a85ff1a;color:var(--sui-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#2a85ff33}.card{background-color:#0c0e17b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 8px 24px #0000001f}.gradient-text{background:linear-gradient(90deg,var(--sui-gradient-start),var(--sui-gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-weight:700}.gradient-border{position:relative;border-radius:12px;padding:1px;background:linear-gradient(90deg,var(--sui-gradient-start),var(--sui-gradient-end))}.gradient-border-content{background-color:var(--card-bg);border-radius:11px;padding:1.5rem;height:100%}input,textarea,select{width:100%;padding:.75rem 1rem;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sui-primary);box-shadow:0 0 0 2px #2a85ff33}label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.form-group{margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@media (max-width: 768px){.container{padding:0 .75rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}}:root{--wkit-accent-hs: 217, 100%;--wkit-on-accent-rgb: 255, 255, 255;--wkit-bg-rgb: 7, 9, 20;--wkit-on-bg-rgb: 255, 255, 255;--wkit-font-family: "Inter", sans-serif;--wkit-font-family-mono: monospace;--wkit-font-size-large: 18px;--wkit-font-size-medium: 16px;--wkit-font-size-small: 14px;--wkit-line-height-large: 22px;--wkit-line-height-medium: 20px;--wkit-line-height-small: 17px;--wkit-button-width: 284px;--wkit-border-radius: 8px}.wkit-dialog{background-color:#0c0e17e6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--border-highlight)!important;box-shadow:0 8px 32px #2a85ff33!important}.wkit-dialog::backdrop{background-color:#000000b3!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.wkit-dialog button{border-color:var(--border-color)!important}.wkit-dialog button:hover{background-color:#2a85ff1a!important;border-color:var(--sui-primary)!important}.wkit-connected-button{background:linear-gradient(90deg,var(--sui-gradient-start),var(--sui-gradient-end))!important;color:#fff!important;border:none!important}.wkit-connected-button:hover{box-shadow:0 4px 12px #2a85ff4d!important}div[data-overlay-container]>[role=dialog],div[data-overlay-container]>dialog,div[data-overlay-container]>.wallet-adapter-modal,div[data-overlay-container]>.sui-wallet-adapter-modal{background-color:#070914!important;color:#fff!important;border:1px solid #00e8ff!important;box-shadow:0 0 20px #00e8ff4d!important;border-radius:12px!important}div[data-overlay-container]>[role=dialog]::backdrop,div[data-overlay-container]>dialog::backdrop{background-color:#000000b3!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}div[data-overlay-container]>[role=dialog] *,div[data-overlay-container]>dialog *,div[data-overlay-container]>.wallet-adapter-modal *,div[data-overlay-container]>.sui-wallet-adapter-modal *{color:#fff!important}div[data-overlay-container] [role=dialog] button,div[data-overlay-container] dialog button,div[data-overlay-container] .wallet-adapter-modal button,div[data-overlay-container] .sui-wallet-adapter-modal button{background-color:#0c0e17!important;color:#fff!important;border:1px solid rgba(0,232,255,.4)!important;transition:all .2s ease!important}div[data-overlay-container] [role=dialog] button:hover,div[data-overlay-container] dialog button:hover,div[data-overlay-container] .wallet-adapter-modal button:hover,div[data-overlay-container] .sui-wallet-adapter-modal button:hover{background-color:#00e8ff1a!important;border-color:#00e8ff!important}div[data-overlay-container] [role=dialog] h1,div[data-overlay-container] [role=dialog] h2,div[data-overlay-container] [role=dialog] h3,div[data-overlay-container] dialog h1,div[data-overlay-container] dialog h2,div[data-overlay-container] dialog h3{color:#fff!important}div[data-overlay-container] [role=dialog] button[aria-label=Close],div[data-overlay-container] dialog button[aria-label=Close]{color:#fff!important;background:transparent!important;border:none!important}div[data-overlay-container] [role=dialog] ul,div[data-overlay-container] dialog ul{background-color:#070914!important}div[data-overlay-container] [role=dialog] li,div[data-overlay-container] dialog li{background-color:#0c0e17!important;border:1px solid rgba(0,232,255,.4)!important;color:#fff!important;margin-bottom:8px!important;border-radius:8px!important}div[data-overlay-container] [role=dialog] li:hover,div[data-overlay-container] dialog li:hover{background-color:#00e8ff1a!important;border-color:#00e8ff!important}div[data-overlay-container] [role=dialog] p,div[data-overlay-container] [role=dialog] span,div[data-overlay-container] [role=dialog] div,div[data-overlay-container] dialog p,div[data-overlay-container] dialog span,div[data-overlay-container] dialog div{color:#fff!important}div[data-overlay-container] [role=dialog] svg,div[data-overlay-container] dialog svg{color:#fff!important;fill:#fff!important}div[data-overlay-container] [role=dialog] img,div[data-overlay-container] dialog img{border-radius:8px!important}.wkit-connected-button,.wkit-connect-button,button.wallet-adapter-button{background:linear-gradient(90deg,#00e8ff,#00a3ff)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:.6rem 1.2rem!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.wkit-connected-button:hover,.wkit-connect-button:hover,button.wallet-adapter-button:hover{box-shadow:0 4px 12px #00e8ff4d!important}