.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:var(--shadow-soft);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,#10b981,#0d9488);color:#ffffff}.button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px rgba(13,148,136,.32),0 0 0 1px rgba(16,185,129,.16)}.button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 10px 20px rgba(13,148,136,.24)}.button--secondary{background:#ffffff;color:var(--text-strong);border-color:var(--stroke-strong);box-shadow:var(--shadow-soft)}.button--secondary:hover:not(:disabled){transform:translateY(-2px);background:#ffffff;border-color:rgba(16,185,129,.45);box-shadow:0 14px 30px rgba(13,27,42,.1)}.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:var(--stroke-strong);box-shadow:none}.button--ghost:hover:not(:disabled){background:rgba(13,27,42,.05);border-color:var(--stroke-strong);color:var(--text-strong);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,#ffffff,#fbfcfb);border:1px solid var(--stroke-subtle);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-soft);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(16,185,129,.28);box-shadow:var(--shadow-md);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)}