.pin-input-container{justify-content:center;align-items:center;gap:12px;display:flex}.pin-input{text-align:center;width:50px;height:60px;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:12px;outline:none;font-size:24px;transition:all .2s ease-in-out}.pin-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f64d}.pin-input.has-value{background:#ffffff1a}
.receive-container{flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.header{flex-direction:column;gap:16px;width:100%;max-width:600px;margin-bottom:32px;display:flex}.back-btn{opacity:.7;align-self:flex-start;font-size:.9rem;transition:opacity .2s}.back-btn:hover{opacity:1}.receive-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:600px;min-height:400px;padding:40px;display:flex}.connecting-state,.transferring-state,.complete-state,.error-state{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-container{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-top:16px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--success));background-size:200% 100%;height:100%;transition:width .3s ease-out;animation:2s infinite gradientMove}@keyframes gradientMove{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkmark-svg{stroke-width:4px;width:56px;height:56px;stroke:var(--success);stroke-miterlimit:10;box-shadow:inset 0px 0px 0px var(--success);border-radius:50%;margin-bottom:20px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:4px;stroke-miterlimit:10;stroke:var(--success);fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #10b9811a}}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{cursor:not-allowed;background:#3b82f64d}.receive-btn{border-radius:12px;margin-top:16px;padding:14px 48px;font-size:1.1rem;font-weight:600}