.card-base{background:#0a0a0a;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-border{background:#000;border:1px solid #1a1a1a;border-radius:8px;padding:1.5rem;transition:all .25s ease}.card-border:hover{border-color:#fff;transform:translateY(-2px)}.card-border:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,#fff,#000);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.card-border:hover:before{opacity:.3}.card-shadow{background:#0a0a0a;border:1px solid #111;border-radius:12px;padding:1.75rem;box-shadow:0 1px 3px #0000004d,0 1px 2px #ffffff05;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-shadow:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000080,0 8px 16px #ffffff08,0 0 0 1px #ffffff1a;border-color:#222}.card-glass{background:#0f0f0f99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;transition:all .3s ease}.card-glass:hover{background:#141414b3;border-color:#ffffff1a;transform:translateY(-3px);box-shadow:0 16px 48px #00000080,inset 0 1px #ffffff14}.card-gradient{background:#000;border-radius:12px;padding:2px;background:linear-gradient(135deg,#ffffff1a,#ffffff05,#ffffff1a);transition:all .3s ease}.card-gradient-inner{background:#000;border-radius:10px;padding:1.5rem;height:100%}.card-gradient:hover{background:linear-gradient(135deg,#fff3,#ffffff0d,#fff3);transform:translateY(-2px)}.card-glow{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;padding:1.5rem;position:relative;transition:all .3s ease}.card-glow:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#fff,#888);border-radius:10px;z-index:-1;opacity:0;filter:blur(8px);transition:opacity .3s ease}.card-glow:hover{border-color:#333}.card-glow:hover:after{opacity:.1}.chain-card-elegant{background:linear-gradient(135deg,#0a0a0a,#000);border:1px solid #1a1a1a;border-radius:12px;padding:1.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chain-card-elegant:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.chain-card-elegant:hover{border-color:#fff;transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d}.chain-card-elegant:hover:before{opacity:1}.chain-logo-container{width:56px;height:56px;border-radius:12px;background:#111;border:1px solid #1a1a1a;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:all .3s ease}.chain-card-elegant:hover .chain-logo-container{background:#1a1a1a;border-color:#333;transform:scale(1.05)}.chain-logo-container img{width:36px;height:36px;filter:grayscale(100%) brightness(1.2) contrast(1.1);transition:filter .3s ease}.chain-card-elegant:hover .chain-logo-container img{filter:grayscale(0%) brightness(1) contrast(1)}.chain-info{display:flex;flex-direction:column;gap:.5rem}.chain-name-elegant{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:#fff;margin-bottom:.25rem;transition:color .2s ease}.chain-card-elegant:hover .chain-name-elegant{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.2)}.chain-token-elegant{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.15em}.badge-elegant{display:inline-flex;align-items:center;background:#0a0a0a;color:#888;padding:.375rem .875rem;border-radius:6px;font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid #1a1a1a;margin-top:.75rem;transition:all .2s ease}.chain-card-elegant:hover .badge-elegant{background:#111;border-color:#222;color:#aaa}.info-card-elegant{background:linear-gradient(135deg,#0a0a0a,#050505);border:1px solid #151515;border-radius:10px;padding:1.25rem;transition:all .25s ease}.info-card-elegant:hover{border-color:#222;background:linear-gradient(135deg,#0f0f0f,#0a0a0a)}.info-label-elegant{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.625rem;font-weight:600;display:flex;align-items:center;gap:.375rem}.info-value-elegant{font-size:1.125rem;font-weight:600;color:#fff;font-family:SF Mono,Monaco,Courier New,monospace;letter-spacing:-.02em;word-break:break-all}.operation-card-elegant{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;padding:1.5rem 1.25rem;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.operation-card-elegant:hover{border-color:#fff;background:#0f0f0f;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.operation-icon-elegant{font-size:1.75rem;margin-bottom:.75rem;transition:all .3s ease;filter:grayscale(100%)}.operation-card-elegant:hover .operation-icon-elegant{filter:grayscale(0%);transform:scale(1.1)}.operation-title-elegant{font-size:.875rem;font-weight:600;color:#ccc;letter-spacing:.02em;transition:color .2s ease}.operation-card-elegant:hover .operation-title-elegant{color:#fff}.modal-card-elegant{background:#000;border:1px solid #222;border-radius:16px;padding:2.5rem;box-shadow:0 24px 64px #000c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d;max-width:540px;width:100%}.card-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);margin:1.5rem 0}.card-grid-elegant{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin:2rem 0}@media (min-width: 768px){.card-grid-elegant{gap:1.5rem}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-animated{animation:cardAppear .4s ease-out}.card-animated:nth-child(1){animation-delay:0s}.card-animated:nth-child(2){animation-delay:.05s}.card-animated:nth-child(3){animation-delay:.1s}.card-animated:nth-child(4){animation-delay:.15s}.card-animated:nth-child(5){animation-delay:.2s}.card-animated:nth-child(6){animation-delay:.25s}
