.card-reactive{position:relative;border-radius:18px;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .4s ease;box-shadow:0 4px 20px var(--shadow-light);cursor:default}[data-theme=light] .card-reactive{box-shadow:0 4px 20px rgba(0,0,0,.08),0 0 0 1px var(--card-border)}[data-theme=light] .card-reactive:hover{box-shadow:0 12px 40px rgba(0,0,0,.12),0 0 0 1px var(--accent)}.card-reactive:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--hover-color,rgba(56,189,248,.3)) 0,transparent 70%);transition:opacity .35s ease,background .45s ease;opacity:0;pointer-events:none}.card-reactive:hover:before{opacity:1}.card-reactive[data-color=cyan]{--hover-color:rgba(56,189,248,0.35)}.card-reactive[data-color=purple]{--hover-color:rgba(168,85,247,0.35)}.card-reactive[data-color=teal]{--hover-color:rgba(45,212,191,0.35)}.card-reactive[data-color=pink]{--hover-color:rgba(236,72,153,0.35)}.card-reactive[data-color=indigo]{--hover-color:rgba(99,102,241,0.35)}.card-reactive:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.05),transparent 70%);opacity:.7;pointer-events:none;transition:opacity .4s ease}.card-reactive:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.25)}.card-reactive .content{position:relative;z-index:2}.footer-reactive{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .4s ease;overflow:hidden;box-shadow:0 4px 20px var(--shadow-light)}[data-theme=light] .footer-reactive{box-shadow:0 4px 20px rgba(0,0,0,.06),0 0 0 1px var(--card-border)}[data-theme=light] .footer-reactive:hover{box-shadow:0 8px 30px rgba(0,0,0,.1),0 0 0 1px var(--accent)}.footer-reactive:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(56,189,248,.25) 0,transparent 70%);opacity:0;transition:opacity .4s ease,background .5s ease}.footer-reactive:hover:before{opacity:1}.footer-reactive p{position:relative;z-index:2}