:root{--primary-gradient:linear-gradient(135deg,var(--slate-800)0%,#2563eb 100%);--secondary-gradient:linear-gradient(135deg,var(--slate-600)0%,var(--slate-800)100%);--accent-gradient:linear-gradient(135deg,var(--emerald-500)0%,var(--slate-700)100%);--bg-primary:linear-gradient(135deg,var(--slate-900)0%,var(--slate-800)50%,var(--slate-900)100%);--bg-secondary:linear-gradient(135deg,var(--slate-800)0%,var(--slate-700)100%);--bg-card:var(--surface);--bg-card-dark:var(--surface);--glass-bg:color-mix(in oklab,var(--surface)10%,transparent);--glass-border:color-mix(in oklab,var(--brand-400)20%,transparent);--glass-backdrop:blur(16px);--text-primary:var(--fg);--text-secondary:var(--fg-muted);--text-inverse:var(--on-brand);--text-muted:var(--fg-muted);--hover-scale:1.02;--transition-default:all .3s cubic-bezier(.4,0,.2,1);--radius-xl:var(--radius-lg);--radius-2xl:1.5rem}.dark{--bg-card:var(--surface);--text-primary:var(--fg);--text-secondary:var(--fg-muted);--text-muted:var(--fg-muted)}.bg-brand-primary{background:var(--primary-gradient)}.bg-brand-secondary{background:var(--secondary-gradient)}.bg-brand-accent{background:var(--accent-gradient)}.bg-main{background:var(--bg-primary)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.card-elevated{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-default);border:1px solid var(--muted)}.card-elevated:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border-radius:var(--radius-md);transition:var(--transition-default);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:.75rem 2rem;font-weight:600}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--fg);border:1px solid var(--muted);border-radius:var(--radius-md);transition:var(--transition-default);cursor:pointer;padding:.75rem 2rem;font-weight:600}.btn-secondary:hover{background:var(--muted);border-color:var(--brand-300)}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animated-bg{position:relative;overflow:hidden}.animated-bg:before{content:"";background:radial-gradient(circle,#8b5cf61a 0%,#0000 50%);width:200%;height:200%;animation:4s ease-in-out infinite pulse;position:absolute;top:-50%;left:-50%}.animated-bg:after{content:"";background:radial-gradient(circle,#3b82f61a 0%,#0000 50%);width:200%;height:200%;animation:4s ease-in-out infinite reverse pulse;position:absolute;bottom:-50%;right:-50%}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.status-verified{color:#fff;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#059669 0%,#10b981 100%);padding:1rem 2rem;font-weight:600}.status-pending{color:#fff;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);padding:1rem 2rem;font-weight:600}.trust-card{border-radius:var(--radius-lg);text-align:center;transition:var(--transition-default);background:#fffffff2;border:1px solid #fff3;padding:1.5rem}.trust-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metadata-section{background:var(--muted);border-radius:var(--radius-lg);border:1px solid color-mix(in oklab,var(--brand-200)30%,transparent);margin:1.5rem 0;padding:1.5rem}.metadata-card{background:var(--surface);border-radius:var(--radius-md);transition:var(--transition-default);border:1px solid var(--muted);padding:1rem}.metadata-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm)}.copy-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-default);border:none;padding:.5rem 1rem;font-weight:500}.copy-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.metadata-section{margin:1rem 0;padding:1rem}.metadata-card{padding:1rem}.btn-primary,.btn-secondary{padding:.625rem 1.5rem;font-size:.875rem}}