.resources-hero{padding-top:140px;padding-bottom:var(--space-xl);position:relative;overflow:clip;background:var(--color-paper-1)}.resources-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in oklch,var(--color-ink-0) 4%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--color-ink-0) 4%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 20%,transparent 70%);pointer-events:none}.resources-badge{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-xl);width:-moz-fit-content;width:fit-content;gap:var(--space-xs);padding:8px 18px;background:var(--color-paper-2);border:var(--rule-soft);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);box-shadow:0 1px color-mix(in oklch,var(--color-ink-0) 3%,transparent) inset,0 12px 30px -10px color-mix(in oklch,var(--color-paper-0) 50%,transparent)}.resources-badge__label{font-size:9px;letter-spacing:.08em;font-weight:700;color:var(--color-ink-0)}.mkt-head{text-align:center;max-width:800px;margin:0 auto}.mkt-head__title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:600;letter-spacing:-.03em;line-height:.95;margin:var(--space-sm) 0 var(--space-md);color:var(--color-ink-0)}.mkt-head__title .italic-accent{color:var(--color-accent);font-weight:400}.mkt-head__desc{font-size:var(--text-md);color:var(--color-ink-1);margin:0 auto;max-width:55ch;line-height:1.55}.page-section{padding:0 0 var(--space-4xl)}.res-filter-box{max-width:800px;margin:var(--space-xl) auto 0;background:var(--color-paper-1);border:var(--rule-soft);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:0 4px 15px -4px color-mix(in oklch,var(--color-paper-0) 40%,transparent)}.res-search-row{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.res-search-row{flex-direction:row;align-items:center}}.res-search-input-wrapper{position:relative;flex:1}.res-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-ink-3);pointer-events:none}.res-search-input{width:100%;padding:10px 16px 10px 42px;background:var(--color-paper-2);border:var(--rule-soft);border-radius:var(--radius-pill);color:var(--color-ink-0);font-size:var(--text-sm);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.res-search-input:focus{border-color:color-mix(in oklch,var(--color-ocean-3) 40%,transparent);box-shadow:0 0 10px -2px color-mix(in oklch,var(--color-ocean-3) 15%,transparent)}.res-category-tabs{display:flex;flex-wrap:wrap;gap:4px}.res-tab-btn{border:0;background:transparent;padding:6px 14px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-ink-2);cursor:pointer;font-weight:500;transition:all var(--dur-fast) var(--ease-out)}.res-tab-btn:hover{color:var(--color-ink-0)}.res-tab-btn.is-active{background:var(--color-paper-0);color:var(--color-ink-0);font-weight:600;box-shadow:0 2px 6px -2px color-mix(in oklch,var(--color-ocean-3) 20%,transparent)}.res-status-console{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-3);border-top:var(--rule-hair);padding-top:var(--space-sm)}.res-status-console__label{color:var(--color-ink-2)}.res-card-list-container{max-width:800px;margin:var(--space-xl) auto 0;display:flex;flex-direction:column;gap:var(--space-md)}.res-error-card{background:var(--color-paper-1);border:var(--rule-soft);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);transition:border-color var(--dur-mid) var(--ease-out),box-shadow var(--dur-mid) var(--ease-out);box-shadow:0 4px 15px -4px color-mix(in oklch,var(--color-paper-0) 40%,transparent)}.res-error-card:hover{border-color:var(--color-line-strong);box-shadow:0 12px 30px -15px color-mix(in oklch,var(--color-paper-0) 80%,transparent)}.res-error-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);border-bottom:var(--rule-hair);padding-bottom:var(--space-md)}.res-error-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-ink-0);margin:0}.res-error-card__desc{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.6;margin:0}.res-steps-panel{border:var(--rule-soft);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--surface-1)}.res-steps-panel__label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-mint-3);font-weight:700;display:block;margin-bottom:var(--space-sm)}.res-steps-panel__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.res-steps-panel__item{display:flex;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-ink-1);line-height:1.5;align-items:flex-start}.res-steps-panel__num{font-family:var(--font-mono);font-size:9px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-paper-2);color:var(--color-ink-0);font-weight:600;flex-shrink:0;border:var(--rule-soft)}.res-empty-state{text-align:center;padding:var(--space-3xl);border:1px dashed var(--color-line);border-radius:var(--radius-lg)}.res-empty-state h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-ink-0);margin:0}.res-empty-state p{font-size:var(--text-sm);color:var(--color-ink-2);margin:var(--space-xs) 0 0}.res-disclaimer-container{max-width:800px;margin:var(--space-xl) auto 0}.hidden{display:none!important}