.osf{color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:var(--section-padding-y) var(--container-padding)}.osf__container{margin:0 auto;max-width:var(--container-2xl)}.osf__header{margin:0 auto var(--space-5xl);max-width:760px;text-align:center}.osf__eyebrow{background:var(--color-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;-webkit-text-fill-color:transparent;margin-bottom:var(--space-4)}.osf__title{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug);margin:0 0 var(--space-5);text-transform:none}.osf__subtitle{color:var(--color-text-subtle);font-size:var(--font-size-md);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);margin:0}.osf-grid{align-items:stretch;display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.osf-card{backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--color-bg-subtle),var(--color-bg-muted));border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-card);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.osf-card:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.1),var(--color-bg-subtle));border-color:var(--color-border-primary);transform:translateY(-6px)}.osf-card__icon{align-items:center;background:linear-gradient(135deg,rgba(255,90,110,.18),rgba(255,138,76,.12));border:1px solid rgba(255,90,110,.34);border-radius:var(--border-radius-md);color:var(--color-primary);display:inline-flex;height:48px;justify-content:center;width:48px}.osf-card__icon svg{display:block}.osf-card__title{color:var(--color-text-primary);font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);margin:0}.osf-card__desc{color:var(--color-text-subtle);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);margin:0}.osf-card__code,.osf-card__desc code{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.osf-card__desc code{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:.92em;padding:1px 6px}.osf-card__list{display:grid;gap:var(--space-2);list-style:none;margin:auto 0 0;padding:0}.osf-card__list li{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height:var(--line-height-normal);padding-left:var(--space-6);position:relative}.osf-card__list li:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50% /11px no-repeat,var(--color-gradient);border-radius:var(--border-radius-full);content:"";height:16px;left:0;position:absolute;top:2px;width:16px}.osf-card__code{background:rgba(10,4,20,.6);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:auto;overflow-x:auto;padding:var(--space-3) var(--space-4);white-space:nowrap}.osf-prompt{color:var(--color-primary);margin-right:var(--space-2)}.osf-stagger{animation:osf-rise var(--duration-slow,.5s) var(--ease-out,ease) forwards;animation-delay:calc(var(--i, 0)*90ms + .12s);opacity:0;transform:translateY(12px)}@keyframes osf-rise{to{opacity:1;transform:none}}@media (max-width:768px){.osf-grid{gap:var(--space-5);grid-template-columns:1fr}.osf__title{font-size:var(--font-size-h4)}.osf-card{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.osf-stagger{animation:none!important;opacity:1!important;transform:none!important}}