.dsa-page{position:relative;overflow:hidden}.dsa-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.dsa-bg-shape{opacity:.5;color:var(--accent);position:absolute}.dsa-bg-svg{pointer-events:none;opacity:.5;color:var(--accent);position:absolute}.dsa-page .container,.dsa-page .section{z-index:1;position:relative}.dsa-cards{gap:var(--space-lg);margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.dsa-card{gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base);-webkit-backdrop-filter:blur(8px);flex-direction:column;padding:1.6rem 1.5rem 1.4rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.dsa-card:before{content:"";background:radial-gradient(ellipse 90% 70% at 50% -10%,var(--card-color),transparent);opacity:.05;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.dsa-card:after{content:"";background:linear-gradient(90deg,transparent 5%,var(--card-color)30%,var(--card-color)70%,transparent 95%);opacity:.5;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.dsa-card:hover{border-color:var(--border-light);box-shadow:0 8px 32px #0000004d,0 0 20px color-mix(in srgb,var(--card-color)8%,transparent)}.dsa-card:hover:before{opacity:.09}.dsa-card:hover:after{opacity:.8}.dsa-card-glow{background:radial-gradient(circle,var(--card-color),transparent 70%);opacity:.06;pointer-events:none;width:90px;height:90px;transition:opacity var(--transition-base);border-radius:50%;position:absolute;top:-24px;right:-24px}.dsa-card:hover .dsa-card-glow{opacity:.1}.dsa-card-header{align-items:center;gap:.55rem;display:flex}.dsa-card-icon{transition:transform var(--transition-fast);flex-shrink:0;display:flex}.dsa-card:hover .dsa-card-icon{transform:scale(1.08)}.dsa-card-name{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;flex:1;font-size:.78rem;font-weight:500}.dsa-card-arrow{color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);font-size:.75rem;transform:translate(-2px,2px)}.dsa-card:hover .dsa-card-arrow{opacity:1;transform:translate(0)}.dsa-card-rating{align-items:baseline;gap:.45rem;margin-top:.3rem;display:flex}.dsa-rating-number{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:500;line-height:1}.dsa-rating-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-self:flex-end;padding-bottom:.2rem;font-size:.62rem}.dsa-rating-bar-wrap{background:var(--border);border-radius:2px;width:100%;height:3px;margin-top:.35rem;overflow:hidden}.dsa-rating-bar{background:linear-gradient(90deg,color-mix(in srgb,var(--card-color)60%,transparent),var(--card-color));border-radius:2px;height:100%;transition:width 1s cubic-bezier(.25,.46,.45,.94)}.dsa-card-stat{font-family:var(--font-mono);color:var(--text-muted);margin-top:.1rem;font-size:.74rem}.dsa-stars{color:var(--accent);letter-spacing:1.5px;font-size:.82rem}.dsa-topics{margin-top:var(--space-xl)}.dsa-topics-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-sm);font-size:.62rem}.dsa-topics-list{flex-wrap:wrap;gap:.4rem;display:flex}.dsa-topic-tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);padding:.25rem .65rem;font-size:.7rem}.dsa-topic-tag:hover{border-color:var(--border-accent);color:var(--accent);background:var(--accent-subtle)}@media (prefers-reduced-motion:reduce){.dsa-bg-shape,.dsa-bg-svg{animation:none!important}.dsa-rating-bar{transition:none}}@media (max-width:700px){.dsa-cards{gap:var(--space-md);grid-template-columns:1fr}.dsa-bg-shape,.dsa-bg-svg{opacity:.3}.dsa-card{padding:1.3rem 1.2rem 1.2rem}}@media (min-width:480px) and (max-width:700px){.dsa-cards{grid-template-columns:repeat(2,1fr)}}