| .decision-container { |
| padding: 2rem; |
| display: flex; |
| flex-direction: column; |
| position: relative; |
| overflow: hidden; |
| } |
|
|
| .decision-header { |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| margin-bottom: 2rem; |
| } |
|
|
| .pulse-indicator { |
| display: flex; |
| align-items: center; |
| gap: 0.8rem; |
| background: rgba(102, 252, 241, 0.1); |
| padding: 0.5rem 1rem; |
| border-radius: 20px; |
| border: 1px solid rgba(102, 252, 241, 0.3); |
| } |
|
|
| .pulse-dot { |
| width: 10px; |
| height: 10px; |
| background-color: var(--accent-cyan); |
| border-radius: 50%; |
| animation: pulseDot 1.5s infinite; |
| } |
|
|
| @keyframes pulseDot { |
| 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(102, 252, 241, 0.7); } |
| 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(102, 252, 241, 0); } |
| 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(102, 252, 241, 0); } |
| } |
|
|
| .target-card { |
| background: rgba(0, 0, 0, 0.3); |
| border: 1px solid rgba(255, 255, 255, 0.1); |
| border-radius: 12px; |
| padding: 1.5rem; |
| } |
|
|
| .target-top { |
| display: flex; |
| justify-content: space-between; |
| align-items: flex-start; |
| margin-bottom: 2rem; |
| padding-bottom: 1rem; |
| border-bottom: 1px dashed rgba(255, 255, 255, 0.1); |
| } |
|
|
| .target-identity { |
| display: flex; |
| align-items: center; |
| gap: 1.5rem; |
| } |
|
|
| .token-logo { |
| width: 64px; |
| height: 64px; |
| background: linear-gradient(135deg, rgba(102,252,241,0.2) 0%, rgba(192,132,252,0.2) 100%); |
| border: 2px solid var(--accent-cyan); |
| border-radius: 50%; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| box-shadow: 0 0 20px rgba(102, 252, 241, 0.2); |
| } |
|
|
| .badge-small { |
| padding: 0.2rem 0.5rem; |
| border-radius: 4px; |
| font-size: 0.7rem; |
| font-weight: 700; |
| border: 1px solid; |
| margin-right: 0.5rem; |
| } |
|
|
| .analysis-grid { |
| display: grid; |
| grid-template-columns: 1fr 1fr; |
| gap: 1.5rem; |
| margin-bottom: 2rem; |
| } |
|
|
| .full-width { |
| grid-column: 1 / -1; |
| } |
|
|
| .analysis-box { |
| background: rgba(255, 255, 255, 0.03); |
| border: 1px solid rgba(255, 255, 255, 0.05); |
| border-radius: 8px; |
| padding: 1.2rem; |
| } |
|
|
| .box-header { |
| display: flex; |
| align-items: center; |
| gap: 0.5rem; |
| margin-bottom: 1rem; |
| font-size: 0.9rem; |
| font-weight: 700; |
| } |
|
|
| .border-b-cyan { |
| border-bottom: 1px solid var(--accent-cyan); |
| } |
|
|
| .socials-list { |
| display: flex; |
| flex-wrap: wrap; |
| gap: 0.5rem; |
| } |
|
|
| .social-tag { |
| display: flex; |
| align-items: center; |
| gap: 0.3rem; |
| font-size: 0.75rem; |
| background: rgba(0, 0, 0, 0.4); |
| padding: 0.3rem 0.6rem; |
| border-radius: 12px; |
| color: var(--text-main); |
| } |
|
|
| .code-block { |
| background: #0d1117; |
| padding: 1rem; |
| border-radius: 6px; |
| border: 1px solid rgba(255, 255, 255, 0.1); |
| overflow-x: auto; |
| line-height: 1.5; |
| } |
|
|
| .action-buttons { |
| display: flex; |
| gap: 1rem; |
| } |
|
|
| .btn { |
| flex: 1; |
| padding: 1rem; |
| border: none; |
| border-radius: 8px; |
| font-size: 1rem; |
| font-weight: 700; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| cursor: pointer; |
| transition: all 0.2s; |
| letter-spacing: 1px; |
| } |
|
|
| .btn-danger { |
| background: rgba(255, 75, 75, 0.1); |
| color: var(--accent-red); |
| border: 1px solid var(--accent-red); |
| } |
|
|
| .btn-danger:hover { |
| background: rgba(255, 75, 75, 0.2); |
| box-shadow: 0 0 15px rgba(255, 75, 75, 0.3); |
| } |
|
|
| .btn-success { |
| background: rgba(74, 222, 128, 0.15); |
| color: var(--accent-green); |
| border: 1px solid var(--accent-green); |
| } |
|
|
| .btn-success:hover { |
| background: rgba(74, 222, 128, 0.3); |
| box-shadow: 0 0 20px rgba(74, 222, 128, 0.4); |
| } |
|
|
| .pulse-btn { |
| animation: pulseBtn 2s infinite; |
| } |
|
|
| @keyframes pulseBtn { |
| 0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.4); } |
| 70% { box-shadow: 0 0 0 15px rgba(74, 222, 128, 0); } |
| 100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); } |
| } |
|
|
| .overlay-status { |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background: rgba(11, 12, 16, 0.95); |
| z-index: 10; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| backdrop-filter: blur(8px); |
| animation: fadeIn 0.3s forwards; |
| } |
|
|
| .overlay-success { |
| border: 2px solid var(--accent-green); |
| box-shadow: inset 0 0 100px rgba(74, 222, 128, 0.2); |
| } |
|
|
| .overlay-danger { |
| border: 2px solid var(--accent-red); |
| box-shadow: inset 0 0 100px rgba(255, 75, 75, 0.2); |
| } |
|
|
| .overlay-content { |
| text-align: center; |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| } |
|
|
| @keyframes fadeIn { |
| from { opacity: 0; } |
| to { opacity: 1; } |
| } |
|
|
| .mb-4 { margin-bottom: 1rem; } |
| .text-2xl { font-size: 1.5rem; } |
| .font-bold { font-weight: 700; } |
| .justify-between { justify-content: space-between; } |
|
|
