@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;box-sizing:border-box;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:auto;font-family:system-ui,sans-serif;background-color:#000}body:before{content:"";position:fixed;inset:0;background:url(/background.jpg) center center / cover no-repeat;z-index:-2}body:after{content:"";position:fixed;inset:0;background:transparent;z-index:0;pointer-events:none}:root{--neon: 0,255,120;--text: #eafff8}.app-title{font-size:2rem;font-weight:700;color:var(--text);text-shadow:0 0 8px rgba(var(--neon),.8),0 0 16px rgba(var(--neon),.6);margin:1rem 0;text-align:center}.section-title{font-size:1.3rem;font-weight:700;color:var(--text);text-shadow:0 0 6px rgba(var(--neon),.6);margin:1rem 0;text-align:center}.ui-text,.tiny-muted{color:var(--text)!important;text-shadow:0 0 6px rgba(var(--neon),.35);opacity:.95;font-size:.95rem}.ui-hint{color:#ff7b7b;font-weight:600;font-size:.9rem;text-shadow:0 0 8px rgba(255,0,0,.4)}.ui-label{color:#b0ffc7;font-weight:700;font-size:1rem;text-transform:uppercase;text-shadow:0 0 10px rgba(var(--neon),.4);margin-bottom:6px}.logo{width:80px;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(var(--neon),.9));animation:logoPulse 2.5s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(var(--neon),.9))}50%{transform:scale(1.05);filter:drop-shadow(0 0 16px rgba(var(--neon),1))}}.badge-row{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:1rem}.badge-icon{width:100px;height:auto;filter:drop-shadow(0 0 6px rgba(var(--neon),.6));transition:transform .2s ease}.badge-icon:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(var(--neon),.9))}.glow-frame{width:95vw;max-width:640px;margin:16px auto;padding:24px;border:2px solid rgba(var(--neon),.8);border-radius:18px;background:transparent;box-shadow:0 0 20px rgba(var(--neon),.4),inset 0 0 20px rgba(var(--neon),.2);animation:neonPulse 2.4s ease-in-out infinite alternate}@keyframes neonPulse{0%{box-shadow:0 0 10px rgba(var(--neon),.4),inset 0 0 6px rgba(var(--neon),.2)}to{box-shadow:0 0 30px rgba(var(--neon),.9),inset 0 0 20px rgba(var(--neon),.4)}}.glow-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;border:2px solid rgba(var(--neon),.9);background:transparent;color:var(--text);font-weight:700;letter-spacing:.3px;cursor:pointer;text-decoration:none;box-shadow:0 0 12px rgba(var(--neon),.6),inset 0 0 8px rgba(var(--neon),.25);transition:transform .15s ease,filter .15s ease;animation:neonPulse 2.4s ease-in-out infinite alternate,textPulse 2s infinite alternate}.glow-button:hover{transform:scale(1.05);filter:brightness(1.1)}@keyframes textPulse{0%{color:rgba(var(--neon),.8);text-shadow:0 0 6px rgba(var(--neon),.5)}to{color:rgba(var(--neon),1);text-shadow:0 0 12px rgba(var(--neon),.9)}}.glow-frame input,.glow-frame select{width:100%;font-size:1rem;padding:14px;margin-top:12px;border-radius:12px;border:1px solid rgba(var(--neon),.5);background:#0009;color:var(--text);outline:none}@media (max-width: 768px){.app-title{font-size:1.6rem}.section-title{font-size:1.2rem}.glow-frame{width:100vw;max-width:100vw;margin:0;border-radius:0;padding:28px 18px}.glow-button{font-size:1.1rem;min-height:50px;padding:14px}}body{margin:0;padding:0;min-height:100vh;width:100%;background:url(/background.jpg) no repeat center center fixed;background-size:cover}@media (max-width: 768px){body{background-size:contain;background-attachment:scroll;background-color:transparent}.glow-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;border:2px solid rgba(var(--neon),.9);background:#00000040;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text);font-weight:700;letter-spacing:.3px;cursor:pointer;text-decoration:none;box-shadow:0 0 12px rgba(var(--neon),.6),inset 0 0 8px rgba(var(--neon),.25);transition:transform .15s ease,filter .15s ease;animation:neonPulse 2.4s ease-in-out infinite alternate,textPulse 2s infinite alternate}.glow-button:hover{transform:scale(1.05);filter:brightness(1.15)}.glow-button:active{transform:scale(.98);filter:brightness(1.05)}.glow-frame input,.glow-frame select,.cyber-input{width:100%;font-size:1rem;padding:14px;margin-top:12px;border-radius:12px;border:2px solid rgba(var(--neon),.6);background:#00000040;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text);font-weight:500;outline:none;box-shadow:0 0 8px rgba(var(--neon),.4),inset 0 0 6px rgba(var(--neon),.25);transition:border-color .2s ease,box-shadow .2s ease}.glow-frame input:focus,.glow-frame select:focus,.cyber-input:focus{border-color:rgba(var(--neon),.9);box-shadow:0 0 16px rgba(var(--neon),.8),inset 0 0 12px rgba(var(--neon),.4)}.glow-frame input:disabled,.glow-frame select:disabled{opacity:.6;cursor:not-allowed}}.walletconnect-icon{width:20px;height:20px;margin-right:8px;object-fit:contain}.glow-button{width:auto!important;max-width:280px;display:inline-flex;align-items:center;justify-content:center}html,body,#root{margin:0;padding:0;min-height:100vh;width:100%}.app-wrapper{width:100%;max-width:640px;padding:20px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.glow-frame{width:100%;max-width:640px;margin:0 auto;border-radius:18px;background:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(0,255,170,.28);box-shadow:0 0 24px #0fa3,inset 0 0 30px #00ffaa1f;padding:20px;text-align:center}@media (max-width: 768px){.app-wrapper{padding:10px;max-width:100%}.glow-frame{max-width:100%;border-radius:0}}html,body{overflow-x:hidden}*{box-sizing:border-box}.glow-frame{width:100%;max-width:640px;margin:12px auto;box-sizing:border-box}@media (max-width: 768px){.app-wrapper{padding:0}.glow-frame{width:100vw;max-width:100vw;margin:0;padding:18px 14px;border-radius:0}.glow-frame *{max-width:100%}}.logo{display:block;margin:0 auto 1rem}body:before{content:"";position:fixed;inset:0;background:url(/background.jpg) center center / cover no-repeat;z-index:-2}
