:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;height:100vh;overflow:hidden}#root{width:100%;height:100vh;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.wallet-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;z-index:2}.wallet-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:50px;box-shadow:0 25px 50px #0000001a;max-width:500px;width:100%;text-align:center;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.wallet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.wallet-title{font-size:2.2rem;font-weight:700;color:#2d3748;margin-bottom:40px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.error-message{background:#fed7d7;color:#c53030;padding:15px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #feb2b2}.error-icon{font-size:1.2rem}.connect-section{padding:20px 0}.wallet-icon{font-size:4rem;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.connect-description{color:#4a5568;font-size:1.1rem;margin-bottom:30px;line-height:1.6}.wallet-options{display:flex;flex-direction:column;gap:15px;margin-top:20px}.wallet-option{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:25px 35px;border-radius:18px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 15px 30px #667eea4d;display:flex;align-items:center;justify-content:center;gap:18px;position:relative;overflow:hidden}.wallet-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.wallet-option:hover:before{left:100%}.wallet-option:hover{transform:translateY(-2px);box-shadow:0 15px 30px #667eea66}.wallet-option:active{transform:translateY(0)}.wallet-option-icon{font-size:1.8rem;position:relative;z-index:1}.wallet-option-name{font-size:1.1rem;position:relative;z-index:1}.no-wallet-message{text-align:center;padding:20px;background:#f7fafc;border-radius:15px;border:1px solid #e2e8f0}.no-wallet-message p{color:#4a5568;margin-bottom:20px;font-size:1rem}.wallet-install-links{display:flex;flex-direction:column;gap:10px}.install-link{color:#667eea;text-decoration:none;padding:10px 20px;border:2px solid #667eea;border-radius:10px;transition:all .3s ease;font-weight:500}.install-link:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.connected-section{padding:20px 0}.status-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;padding:10px 20px;background:#f0fff4;border-radius:25px;border:1px solid #9ae6b4}.status-dot{width:12px;height:12px;background:#38a169;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #38a169b3}70%{box-shadow:0 0 0 10px #38a16900}to{box-shadow:0 0 #38a16900}}.status-text{color:#38a169;font-weight:600;font-size:1rem}.wallet-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;padding:30px;margin-bottom:35px;border:1px solid #e2e8f0;box-shadow:0 10px 20px #0000000d}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0}.info-item:last-child{margin-bottom:0}.info-label{color:#4a5568;font-weight:500;font-size:1rem}.info-value{color:#2d3748;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:10px}.refresh-button{background:none;border:none;cursor:pointer;font-size:1rem;padding:5px;border-radius:5px;transition:all .2s ease}.refresh-button:hover{background:#e2e8f0;transform:rotate(180deg)}.disconnect-button{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;padding:15px 35px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #e53e3e4d;position:relative;overflow:hidden}.disconnect-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.disconnect-button:hover:before{left:100%}.disconnect-button:hover{background:#c53030;transform:translateY(-2px);box-shadow:0 8px 20px #e53e3e66}.disconnect-button:active{transform:translateY(0)}@media (max-width: 1024px){.wallet-card{padding:40px 30px;max-width:450px}.wallet-title{font-size:1.8rem}.wallet-option{padding:20px 30px;font-size:1.1rem}.wallet-option-icon{font-size:1.6rem}}@media (max-width: 768px){.wallet-card{padding:30px 20px;max-width:400px;border-radius:20px}.wallet-title{font-size:1.6rem;margin-bottom:30px}.wallet-option{padding:18px 25px;font-size:1rem;border-radius:15px}.wallet-option-icon{font-size:1.4rem}.wallet-option-name{font-size:1rem}.wallet-info{padding:25px 20px;border-radius:15px}.info-item{flex-direction:column;align-items:flex-start;gap:8px}.info-value{font-size:.95rem}.disconnect-button{padding:12px 30px;font-size:1rem;border-radius:25px}}.App{width:100%;height:100vh;overflow:hidden;margin:0;padding:0}.app-container{display:flex;height:100vh;width:100%;margin:0;padding:0}.left-section{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.left-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a" cx="50%" cy="50%"><stop offset="0%" stop-color="%23ffffff" stop-opacity="0.1"/><stop offset="100%" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><circle cx="200" cy="200" r="300" fill="url(%23a)"/><circle cx="800" cy="800" r="400" fill="url(%23a)"/><circle cx="600" cy="300" r="200" fill="url(%23a)"/></svg>') no-repeat center center;background-size:cover;opacity:.3}.background-content{position:relative;z-index:2;text-align:center;color:#fff;padding:40px;max-width:600px}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.9;line-height:1.6;font-weight:300}.feature-list{display:flex;flex-direction:column;gap:20px;align-items:center}.feature-item{display:flex;align-items:center;gap:15px;font-size:1.1rem;font-weight:500;background:#ffffff1a;padding:15px 30px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.feature-item:hover{background:#fff3;transform:translate(10px)}.feature-icon{font-size:1.5rem}.right-section{flex:1;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.right-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') repeat;opacity:.3}@media (max-width: 1024px){.app-container{flex-direction:column}.left-section{flex:0 0 40vh}.right-section{flex:1;padding:20px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.feature-list{flex-direction:row;flex-wrap:wrap;justify-content:center}.feature-item{font-size:1rem;padding:10px 20px}}@media (max-width: 768px){.left-section{flex:0 0 35vh}.background-content{padding:20px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:20px}.feature-list{gap:10px}.feature-item{font-size:.9rem;padding:8px 16px}.right-section{padding:15px}}