.dashboard-grid{padding:2rem 10% 6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#ffffffe6;backdrop-filter:blur(10px);padding:2.5rem 2rem;border-radius:25px;box-shadow:0 10px 30px #00000012;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;text-align:left;height:100%}.feature-card:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;transform:skew(-25deg)}.feature-card:hover:before{left:150%}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 45px #8e44ad33;border-color:var(--primary-light)}.f-icon{width:65px;height:65px;margin-bottom:1.5rem;background:#f4ecf7;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:1.8rem;color:var(--primary);transition:.4s}.feature-card:hover .f-icon{background:var(--primary);color:#fff;transform:rotate(-10deg) scale(1.1)}.feature-card h3{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark)}.feature-card p{font-size:.95rem;line-height:1.7;color:var(--text-light);flex-grow:1;margin-bottom:1.5rem}.feature-link{font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:8px;margin-top:auto}.feature-link i{transition:transform .3s}.feature-card:hover .feature-link i{transform:translate(5px)}.card-live{background:var(--text-dark);border-color:transparent}.card-live:hover{background:#111;border-color:var(--primary)}.card-live h3,.card-live p{color:#fff}.page-hero{text-align:center;padding:4rem 5% 2rem;background:radial-gradient(circle at 50% 50%,rgba(142,68,173,.05),transparent 70%)}.breadcrumbs{display:flex;justify-content:center;align-items:center;gap:10px;font-size:.9rem;color:var(--text-light);margin-bottom:1rem}.breadcrumbs a:hover{color:var(--primary);text-decoration:underline}.breadcrumbs span{color:var(--primary);font-weight:600}.page-hero h1{font-size:2.5rem;color:var(--text-dark);margin-bottom:.5rem}.page-hero p{color:var(--text-light);max-width:600px;margin:0 auto}