:root{--primary:#8e44ad;--primary-dark:#6c3483;--secondary:#e74c3c;--accent:#f39c12;--text-dark:#2c3e50;--text-light:#666;--bg-gradient:linear-gradient(135deg,#fdfbfd 0%,#f4ecf7 100%);--glass:rgba(255,255,255,.9);--shadow-lg:0 15px 35px rgba(142,68,173,.15)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;scroll-behavior:smooth}body{background:var(--bg-gradient);color:var(--text-dark);overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}.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}.dashboard-grid{padding:2rem 10% 6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:2.5rem 2rem;border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.07);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:skewX(-25deg)}.feature-card:hover::before{left:150%}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 45px rgba(142,68,173,.2);border-color:var(--primary-light)}.f-icon{width:65px;height:65px;margin-bottom:1.5rem;background:linear-gradient(145deg,#f4ecf7,#e8daef);border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:1.8rem;color:var(--primary);transition:all .4s ease;box-shadow:0 4px 10px rgba(0,0,0,.05)}.feature-card:hover .f-icon{background:var(--primary);color:white;transform:translateY(-5px) rotate(-15deg) scale(1.1);box-shadow:0 10px 20px rgba(142,68,173,.3)}.feature-card h3{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark)}.feature-card p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:2rem;flex-grow:1}.feature-link{font-weight:600;font-size:1rem;color:var(--primary);display:flex;align-items:center;gap:8px;margin-top:auto;transition:all .3s ease}.feature-card:hover .feature-link{color:var(--primary-dark);text-shadow:0 0 10px rgba(142,68,173,.2)}.feature-card:hover .feature-link i{transform:translateX(8px);transition:transform .3s cubic-bezier(.19,1,.22,1)}.card-live{border:1px solid rgba(231,76,60,.2)}.card-live .f-icon{background:#fadbd8;color:var(--secondary)}.card-live:hover .f-icon{background:var(--secondary);color:white}.pulse-dot{display:inline-block;width:8px;height:8px;background:var(--secondary);border-radius:50%;animation:pulse 1.5s infinite;margin-left:5px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}}@media (max-width:600px){.page-hero h1{font-size:1.8rem;word-wrap:break-word}.dashboard-grid{padding:1rem 5% 4rem;grid-template-columns:1fr}}