.hero{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 45%,#7c3aed 100%);box-shadow:0 16px 36px rgba(79,70,229,.28);animation:fadeUp .45s ease-out}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid #e2e8f0;border-radius:.7rem;background:#fff;font-weight:700;font-size:.85rem;transition:.2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(15,23,42,.12)}
.btn-primary{background:#0f172a;color:#fff;border-color:#0f172a}
.btn-primary:hover{background:#020617}
.input{width:100%;border:1px solid #cbd5e1;border-radius:.7rem;padding:.62rem .8rem;background:#fff}
.card{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05);animation:fadeUp .35s ease-out}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,23,42,.1)}
.card h3{font-weight:800;font-size:.95rem;color:#0f172a}
.meta{font-size:.75rem;color:#64748b}
.switch{appearance:none;width:42px;height:24px;background:#cbd5e1;border-radius:999px;position:relative;outline:none;cursor:pointer;transition:.2s}
.switch:checked{background:#22c55e}
.switch::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s}
.switch:checked::after{left:21px}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}