:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#f5f3ff;background:#0b0a14}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0b0a14;color:#f5f3ff}button,input{font:inherit}.app-shell{max-width:28rem;min-height:100vh;margin:0 auto;padding:1rem 1rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.wallet-wrapper{position:relative}.wallet-button{padding:.5rem 1rem;background:#1c1930;color:#f5f3ff;border:1px solid #2D2A45;border-radius:999px;cursor:pointer;font-size:.875rem;transition:background .15s}.wallet-button:hover{background:#252240}.wallet-button:disabled{opacity:.5;cursor:not-allowed}.wallet-button--connected{background:#1a2e1a;border-color:#2a4a2a}.wallet-picker{position:absolute;top:calc(100% + .5rem);right:0;min-width:14rem;background:#1c1930;border:1px solid #2D2A45;border-radius:12px;overflow:hidden;z-index:20}.wallet-picker__item{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;background:transparent;color:#f5f3ff;border:0;cursor:pointer;font-size:.875rem;transition:background .15s}.wallet-picker__item:hover{background:#252240}.wallet-picker__empty{padding:1rem;text-align:center;color:#8b86a8;font-size:.8rem}.hero{padding:2rem 0;text-align:center}.hero__title{font-size:1.6rem;font-weight:700;margin:0 0 .75rem;line-height:1.2}.hero__sub{color:#8b86a8;font-size:.9rem;margin:0;line-height:1.5}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:#2a1520;border:1px solid #4a2535;border-radius:12px;font-size:.85rem;color:#ff8a8a}.error-banner p{margin:0}.error-banner__dismiss{background:transparent;border:0;color:#ff8a8a;cursor:pointer;font-size:1.2rem;padding:0 .25rem}.reclaim-card{background:#131024;border:1px solid #2D2A45;border-radius:16px;padding:1.5rem}.reclaim-card__scanning{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;color:#8b86a8}.reclaim-card__empty{text-align:center;padding:1.5rem 0}.reclaim-card__inline-icon{color:#a78bfa;vertical-align:-.15em;margin-right:.25rem}.reclaim-card__empty-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.reclaim-card__empty-sub{color:#8b86a8;font-size:.85rem;margin:0}.reclaim-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.reclaim-card__label{color:#8b86a8;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.reclaim-card__accounts{color:#8b86a8;font-size:.8rem}.reclaim-card__amount{margin-bottom:1.5rem}.reclaim-card__sol{display:block;font-size:2rem;font-weight:700;letter-spacing:-.02em}.reclaim-card__usd{display:block;color:#8b86a8;font-size:.95rem;margin-top:.25rem}.claim-button{width:100%;padding:.9rem;background:linear-gradient(135deg,#7c3aed,#a855f7,#7c3aed);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff;border:0;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;position:relative;box-shadow:0 0 20px #7c3aed4d,0 0 40px #a855f726;transition:box-shadow .3s,transform .1s}.claim-button:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#a855f7,#7c3aed);background-size:300% 300%;animation:gradient-shift 3s ease infinite;z-index:-1;opacity:.6;filter:blur(12px);transition:opacity .3s}.claim-button:hover{box-shadow:0 0 25px #7c3aed80,0 0 50px #a855f740}.claim-button:hover:before{opacity:1}.claim-button:active{transform:scale(.98)}.claim-button:disabled{opacity:.5;cursor:not-allowed;transform:none;animation:none;box-shadow:none}.claim-button:disabled:before{animation:none;opacity:0}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.claim-button--secondary{background:#1c1930;border:1px solid #2D2A45}.claim-button--secondary:hover{background:#252240}.claim-progress{background:#131024;border:1px solid #2D2A45;border-radius:16px;padding:1.5rem;text-align:center}.claim-progress__bar-track{width:100%;height:6px;background:#2d2a45;border-radius:3px;overflow:hidden;margin-bottom:1rem}.claim-progress__bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:3px;transition:width .3s ease}.claim-progress__label{color:#8b86a8;font-size:.85rem;margin:0}.claim-success{position:relative;background:#0f1f14;border:1px solid rgba(74,222,128,.15);border-radius:16px;padding:2rem 1.5rem;text-align:center;box-shadow:0 0 30px #4ade8014,inset 0 1px #4ade801a;animation:success-enter .5s ease-out both;overflow:hidden}@keyframes success-enter{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.claim-success__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.claim-success__confetti:before,.claim-success__confetti:after{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;animation:confetti-fall 2.5s ease-out forwards}.claim-success__confetti:before{background:radial-gradient(circle 3px,#4ade80 100%,transparent) 10% 15%,radial-gradient(circle 2px,#A78BFA 100%,transparent) 25% 8%,radial-gradient(circle 3px,#F5F3FF 100%,transparent) 40% 20%,radial-gradient(circle 2px,#4ade80 100%,transparent) 55% 5%,radial-gradient(circle 3px,#7C3AED 100%,transparent) 70% 18%,radial-gradient(circle 2px,#F5F3FF 100%,transparent) 85% 10%,radial-gradient(circle 3px,#4ade80 100%,transparent) 92% 22%,radial-gradient(circle 2px,#A78BFA 100%,transparent) 15% 28%,radial-gradient(circle 3px,#4ade80 100%,transparent) 48% 30%,radial-gradient(circle 2px,#7C3AED 100%,transparent) 78% 32%;background-size:6px 6px;background-repeat:no-repeat}.claim-success__confetti:after{background:radial-gradient(circle 2px,#A78BFA 100%,transparent) 8% 12%,radial-gradient(circle 3px,#4ade80 100%,transparent) 20% 25%,radial-gradient(circle 2px,#F5F3FF 100%,transparent) 35% 6%,radial-gradient(circle 3px,#7C3AED 100%,transparent) 50% 15%,radial-gradient(circle 2px,#4ade80 100%,transparent) 65% 28%,radial-gradient(circle 3px,#F5F3FF 100%,transparent) 80% 8%,radial-gradient(circle 2px,#A78BFA 100%,transparent) 33% 32%,radial-gradient(circle 3px,#4ade80 100%,transparent) 60% 35%,radial-gradient(circle 2px,#7C3AED 100%,transparent) 88% 18%;background-size:5px 5px;background-repeat:no-repeat;animation-delay:.15s}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px) scale(1.2)}60%{opacity:.8;transform:translateY(30px) scale(1)}to{opacity:0;transform:translateY(80px) scale(.8)}}.claim-success__icon{width:3.5rem;height:3.5rem;margin:0 auto 1rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 12px rgba(74,222,128,.4));animation:check-glow-pulse 2s ease-in-out infinite}@keyframes check-glow-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(74,222,128,.4))}50%{filter:drop-shadow(0 0 20px rgba(74,222,128,.6))}}.claim-success__check-circle{stroke-dasharray:132;stroke-dashoffset:132;animation:draw-circle .6s ease-out .2s forwards}@keyframes draw-circle{to{stroke-dashoffset:0}}.claim-success__check-mark{stroke-dasharray:40;stroke-dashoffset:40;animation:draw-check .4s ease-out .7s forwards}@keyframes draw-check{to{stroke-dashoffset:0}}.claim-success__title{font-size:1.3rem;font-weight:700;margin:0 0 1rem;position:relative;z-index:1}.claim-success__amount{margin-bottom:1.5rem;position:relative;z-index:1}.claim-success__sol{display:block;font-size:2.2rem;font-weight:700;color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.35);letter-spacing:-.02em}.claim-success__usd{display:block;color:#8b86a8;font-size:.95rem;margin-top:.25rem}.claim-button--success{background:linear-gradient(135deg,#059669,#4ade80,#059669);background-size:200% 200%;animation:gradient-shift 3s ease infinite;box-shadow:0 0 20px #4ade8040;position:relative;z-index:1}.claim-button--success:before{background:linear-gradient(135deg,#059669,#4ade80,#059669);background-size:300% 300%}.claim-button--success:hover{box-shadow:0 0 30px #4ade8066}.claim-success__done{display:block;width:fit-content;margin:.75rem auto 0;background:transparent;border:0;color:#8b86a8;font-size:.85rem;cursor:pointer;padding:.5rem 1rem;transition:color .15s;position:relative;z-index:1}.claim-success__done:hover{color:#f5f3ff}.spinner{width:2rem;height:2rem;border:3px solid #2D2A45;border-top-color:#a855f7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.how-it-works{padding:.5rem 0 1rem}.how-it-works__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8b86a8;margin:0 0 1rem}.how-it-works__steps{display:flex;flex-direction:column;gap:1rem}.how-it-works__step{display:flex;align-items:flex-start;gap:.875rem}.how-it-works__icon{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:#1c1930;border:1px solid #2D2A45;border-radius:10px;color:#a78bfa}.how-it-works__text{min-width:0}.how-it-works__heading{font-size:.9rem;font-weight:600;margin:0 0 .15rem;color:#f5f3ff}.how-it-works__sub{font-size:.8rem;color:#8b86a8;margin:0;line-height:1.4}