.button{padding:.5rem 1rem;border-radius:999px;border:1px solid transparent;font-weight:600;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;cursor:pointer;box-shadow:0 10px 30px rgba(15,23,42,.18);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:rotate(45deg);opacity:0;pointer-events:none}.button--primary{background:linear-gradient(135deg,#38bdf8,#2563eb);color:white}.button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px rgba(37,99,235,.4),0 0 30px rgba(56,189,248,.3)}.button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 10px 20px rgba(37,99,235,.3)}.button--secondary{background:rgba(15,23,42,.42);color:#eff6ff;border-color:rgba(148,163,184,.22)}.button--secondary:hover:not(:disabled){transform:translateY(-2px);background:rgba(15,23,42,.58);border-color:rgba(125,211,252,.4);box-shadow:0 15px 35px rgba(56,189,248,.15)}.button--secondary:active:not(:disabled){transform:translateY(0)}.button--success{background:linear-gradient(135deg,#34d399,#0f766e);color:white}.button--success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px rgba(52,211,153,.35)}.button--success:active:not(:disabled){transform:translateY(0)}.button--danger{background:linear-gradient(135deg,#fb7185,#dc2626);color:white}.button--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px rgba(220,38,38,.35)}.button--danger:active:not(:disabled){transform:translateY(0)}.button--ghost{background:transparent;color:var(--text-muted);border-color:rgba(148,163,184,.22);box-shadow:none}.button--ghost:hover:not(:disabled){background:rgba(255,255,255,.06);border-color:rgba(148,163,184,.35);color:var(--text);transform:translateY(-1px)}.button--ghost:active:not(:disabled){transform:translateY(0)}.button--sm{padding:.25rem .75rem;font-size:.875rem}.button--md{padding:.5rem 1rem;font-size:1rem}.button--lg{padding:.75rem 1.5rem;font-size:1.125rem}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.card{background:linear-gradient(180deg,rgba(17,27,48,.95),rgba(12,19,35,.92));border:1px solid rgba(148,163,184,.16);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:scaleIn .6s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card:hover{border-color:rgba(125,211,252,.24);box-shadow:var(--shadow-md),0 0 30px rgba(56,189,248,.1);transform:translateY(-4px)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text);transition:color .3s ease}.card:hover .card-title{color:var(--accent)}.card-content{color:var(--text-muted);transition:color .3s ease}.card:hover .card-content{color:var(--text)}