*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Vazirmatn',sans-serif;background:#0a0a0f;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-image:radial-gradient(circle at 15% 20%,rgba(255,45,85,0.08),transparent 40%),radial-gradient(circle at 85% 80%,rgba(77,159,255,0.06),transparent 40%)}.result-card{background:rgba(22,22,32,0.95);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:40px 32px;width:100%;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,0.6);text-align:center;position:relative;overflow:hidden;animation:modalIn 0.5s cubic-bezier(0.34,1.56,0.64,1)}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff2d55,#cc0033,#ff2d55);background-size:200% 100%;animation:gradientMove 3s linear infinite}.result-card.success::before{background:linear-gradient(90deg,#00d47e,#00a862,#00d47e);background-size:200% 100%}.result-card.error::before{background:linear-gradient(90deg,#ff4757,#cc2739,#ff4757);background-size:200% 100%}@keyframes gradientMove{0%{background-position:0% 50%}100%{background-position:200% 50%}}.result-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;position:relative}.result-icon.success{background:linear-gradient(135deg,rgba(0,212,126,0.2),rgba(0,168,98,0.1));box-shadow:0 0 40px rgba(0,212,126,0.4);animation:pulseSuccess 2s infinite}.result-icon.error{background:linear-gradient(135deg,rgba(255,71,87,0.2),rgba(204,39,57,0.1));box-shadow:0 0 40px rgba(255,71,87,0.4)}@keyframes pulseSuccess{0%,100%{box-shadow:0 0 40px rgba(0,212,126,0.4)}50%{box-shadow:0 0 60px rgba(0,212,126,0.7)}}.result-card h1{font-size:24px;font-weight:800;margin-bottom:12px}.result-card.success h1{color:#00d47e}.result-card.error h1{color:#ff4757}.result-card>p{color:rgba(255,255,255,0.65);font-size:14px;line-height:1.8;margin-bottom:24px}.info-box{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:16px;margin-bottom:24px;text-align:right}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,0.05)}.info-row:last-child{border-bottom:none}.info-row .label{color:rgba(255,255,255,0.6);font-weight:600}.info-row .value{color:#fff;font-weight:700;font-family:'Courier New',monospace;direction:ltr}.info-row .value.highlight{color:#00d47e;font-size:16px}.actions{display:flex;gap:12px;margin-top:24px}.btn{flex:1;padding:14px 24px;border:none;border-radius:14px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s}.btn-primary{background:linear-gradient(135deg,#ff2d55,#cc0033);color:white;box-shadow:0 4px 16px rgba(255,45,85,0.5)}.btn-primary:hover{box-shadow:0 8px 24px rgba(255,45,85,0.6);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#00d47e,#00a862);color:white;box-shadow:0 4px 16px rgba(0,212,126,0.5)}.btn-success:hover{box-shadow:0 8px 24px rgba(0,212,126,0.6);transform:translateY(-2px)}.btn-ghost{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:white}.btn-ghost:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.countdown{font-size:12px;color:rgba(255,255,255,0.5);margin-top:16px}.countdown strong{color:#00d47e;font-weight:800}