.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(at bottom,#1b103b 0%,#0f0f23 50%,#000 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 80%,#7877c666 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 40% 40%,#31979533 0%,#0000 50%);animation:20s ease-in-out infinite float;position:fixed;inset:0}.App{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;animation:1s ease-out fadeIn;display:flex;position:relative}h1{background:linear-gradient(135deg,#00ddeb 0%,#8b5cf6 50%,#06ffa5 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;text-shadow:0 0 5px #00ddeb,0 0 10px #00ddeb,0 0 20px #8b5cf6,0 0 30px #06ffa5,0 0 50px #00ddeb;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(3.5rem,10vw,7rem);font-weight:900;animation:2.5s ease-in-out infinite alternate neonPulse}@keyframes neonPulse{0%{text-shadow:0 0 5px #00ddeb,0 0 10px #00ddeb,0 0 20px #8b5cf6,0 0 40px #06ffa5,0 0 60px #00ddeb;transform:scale(1)}to{text-shadow:0 0 10px #00ddeb,0 0 20px #00ddeb,0 0 35px #8b5cf6,0 0 50px #06ffa5,0 0 80px #00ddeb;transform:scale(1.03)}}h2{color:#ffffffd9;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3rem;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:300}.reputation-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:28px;width:90%;max-width:450px;padding:2.5rem;animation:.8s ease-out .2s both slideUp;box-shadow:0 25px 50px #0006,inset 0 1px #fff3}.connect-btn,.claim-btn,.disconnect-btn{cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:20px;width:100%;padding:1.2rem 2rem;font-size:1.15rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.connect-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6e6 0%,#00ddebe6 100%);box-shadow:0 12px 40px #8b5cf666}.connect-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 20px 60px #8b5cf699}.claim-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 10px 30px #10b98166}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #10b98199}.disconnect-btn{color:#fff;background:#ef444426;border:1px solid #ef44444d}.disconnect-btn:hover{background:#ef44444d;transform:translateY(-2px)}.rep-score{text-align:center;background:linear-gradient(135deg,#06ffa526 0%,#00ddeb26 100%);border:1px solid #06ffa54d;border-radius:20px;margin:1.5rem 0;padding:1.8rem}.score-lg{background:linear-gradient(135deg,#06ffa5,#00ddeb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem;font-weight:900;line-height:1}.loading{color:#ffffffe6;text-align:center;padding:3rem;font-size:1.3rem;animation:2s infinite pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(1deg)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.App{padding:1rem}.reputation-card{width:95%;padding:2rem 1.5rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;margin:0}*{box-sizing:border-box}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;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}}