/* verify.html — page-specific styles */

.hero-bg{background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(0,195,137,.04) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 80% 20%,rgba(181,237,231,.06) 0%,transparent 50%)}
@keyframes shieldPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,195,137,.2)}50%{box-shadow:0 0 0 16px rgba(0,195,137,0)}}
.shield-pulse{animation:shieldPulse 2.5s ease-in-out infinite}
.v-input{width:100%;background:#f2f4f6;border:1.5px solid transparent;border-radius:14px;padding:14px 18px;font-size:15px;font-family:'Inter',sans-serif;color:#191c1e;transition:border-color .2s,box-shadow .2s;outline:none}
.v-input:focus{border-color:#003532;box-shadow:0 0 0 3px rgba(0,53,50,.06);background:#fff}
.v-input::placeholder{color:#bfc8c8}
.v-input.mono{font-family:'SF Mono','Fira Code',monospace;letter-spacing:.08em;font-size:16px;font-weight:600}
.v-tab{padding:12px 20px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:none;color:#404848;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s}
.v-tab.active{color:#003532;border-bottom-color:#003532}
.v-panel{display:none}.v-panel.active{display:block}
.v-submit{width:100%;padding:16px;border-radius:14px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}
.v-submit:active{transform:scale(.98)}
.v-submit-primary{background:linear-gradient(135deg,#003532,#124d49);color:#fff}
.v-submit-primary:hover{opacity:.9}
.result-card{border-radius:20px;padding:28px;position:relative;overflow:hidden}
.result-card::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;opacity:.06;transform:translate(30px,-30px)}
.result-verified{background:#ecfdf5;border:1.5px solid rgba(0,195,137,.2)}
.result-verified::before{background:#00c389}
.result-notfound{background:#fef2f2;border:1.5px solid rgba(220,38,38,.2)}
.result-notfound::before{background:#dc2626}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) both}
@keyframes scanLine{0%{left:-30%}100%{left:130%}}
.scanning .scan-line{position:absolute;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:scanLine 1.5s ease-in-out infinite}
.step-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.step-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,53,50,.06)}