.proof-verification-container{background:#fff;border:1px solid #e5e5e5;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:500px;padding:3rem 1rem;display:flex}.proof-verification-wrapper{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px;display:flex}.verification-circle{justify-content:center;align-items:center;width:200px;height:200px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.circle-background{background:#f5f5f5;border:3px solid #e5e5e5;border-radius:50%;width:100%;height:100%;transition:all .4s ease-out;position:absolute}.verification-circle.state-pending .circle-background{background:#f5f5f5;border-color:#e5e5e5}.verification-circle.state-generating .circle-background{background:#0066ff0d;border-color:#06f;box-shadow:0 0 30px #06f3}.verification-circle.state-signing .circle-background{background:#0066ff14;border-color:#06f;box-shadow:0 0 40px #0066ff4d}.verification-circle.state-verified .circle-background{background:#10b9810d;border-color:#10b981;box-shadow:0 0 50px #10b98166}.icon-wrapper{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.icon-main{color:#000;width:80px;height:80px;transition:all .3s ease-out}.verification-circle.state-generating .icon-main,.verification-circle.state-signing .icon-main{color:#06f}.verification-circle.state-verified .icon-main{color:#10b981}.icon-pulse{animation:1.5s ease-in-out infinite pulse}.icon-shake{animation:.6s ease-in-out infinite shake}.icon-verified{animation:.6s cubic-bezier(.34,1.56,.64,1) verified-bounce}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-2deg)}75%{transform:translate(3px)rotate(2deg)}}@keyframes verified-bounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.progress-ring{z-index:1;width:120%;height:120%;position:absolute;transform:rotate(-90deg)}.progress-ring-bg{stroke:#e5e5e5}.progress-ring-fill{stroke:#06f;stroke-linecap:round;transition:stroke-dashoffset .3s ease-out}.state-labels{justify-content:center;align-items:center;height:40px;display:flex;position:relative}.state-label{color:#666;opacity:0;text-align:center;white-space:nowrap;font-size:1.5rem;font-weight:700;transition:all .3s ease-out;position:absolute;transform:translateY(10px)}.state-label.active{opacity:1;color:#000;transform:translateY(0)}.progress-text{color:#06f;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.verification-steps{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.step{background:#f5f5f5;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .3s ease-out;display:flex}.step.completed{background:#0066ff0d}.step-indicator{background:#fff;border:2px solid #e5e5e5;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .3s ease-out}.step.completed .step-indicator{background:#06f;border-color:#06f;position:relative}.step.completed .step-indicator:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-label{color:#666;font-size:.95rem;font-weight:500;transition:color .3s ease-out}.step.completed .step-label{color:#000;font-weight:600}.signature-display{background:#10b9810d;border:2px solid #10b981;border-radius:12px;flex-direction:column;gap:1rem;width:100%;padding:1.5rem;display:flex}.signature-header{align-items:center;gap:.75rem;display:flex}.signature-icon{color:#10b981;width:24px;height:24px}.signature-label{color:#10b981;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.signature-hash{color:#000;word-break:break-all;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6}.fade-in{animation:.4s ease-out forwards fade-in}.scale-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scale-in}.slide-up{animation:.5s ease-out forwards slide-up}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.proof-verification-container{min-height:450px;padding:2rem 1rem}.verification-circle{width:160px;height:160px}.icon-main{width:64px;height:64px}.state-label{font-size:1.25rem}.progress-text{font-size:1rem}.signature-hash{font-size:.7rem}}