.app-dev-page{--ad-line:#94a3b81f}.app-dev-card{border:1px solid var(--ad-line);background:linear-gradient(145deg,#14122de0,#0f172aa6);border-radius:1rem;transition:border-color .25s,box-shadow .25s}.app-dev-card:hover{border-color:#818cf861;box-shadow:0 14px 44px -22px #6366f159}.app-dev-card--indigo{background:linear-gradient(155deg,#312e817a,#0f172a8c);border-color:#818cf838}.app-dev-card--violet{background:linear-gradient(155deg,#4c1d9573,#0f172a8c);border-color:#a78bfa38}.app-dev-card--fuchsia{background:linear-gradient(155deg,#581c876b,#0f172a8c);border-color:#e879f938}.app-dev-card--sky{background:linear-gradient(155deg,#0c4a6e73,#0f172a8c);border-color:#7dd3fc38}.app-dev-section-alt{background:linear-gradient(#6366f117 0%,#0000 55%)}.app-dev-btn-primary{color:#fff;background:linear-gradient(125deg,#4f46e5,#6366f1 42%,#8b5cf6);border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.35rem;font-size:.875rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 28px -8px #4f46e573}.app-dev-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px -8px #818cf873}.app-dev-btn-ghost{color:#e0e7ff;border:1px solid #a5b4fc66;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.35rem;font-size:.875rem;font-weight:600;transition:border-color .2s,background-color .2s;display:inline-flex}.app-dev-btn-ghost:hover{background-color:#4338ca33;border-color:#c7d2fe8c}.app-dev-pill{letter-spacing:.05em;text-transform:uppercase;color:#e0e7fff2;background:#4338ca26;border:1px solid #818cf852;border-radius:9999px;padding:.35rem .85rem;font-size:.7rem;font-weight:700}.app-dev-pill--long{letter-spacing:.04em;text-transform:none;font-size:.65rem;font-weight:600}.app-dev-prose-link{color:#a5b4fc;text-underline-offset:3px;font-weight:600}.app-dev-prose-link:hover{color:#c7d2fe}.app-dev-table-wrap{border:1px solid var(--ad-line);background:#0f172a8c;border-radius:1rem;overflow-x:auto}@media (prefers-reduced-motion:reduce){.app-dev-btn-primary:hover{transform:none}}