:root[data-theme=dark]{.card-bg-shape{background-color:transparent!important}.card-desc,.hero-desc,.section-header p{color:#a2a7ae!important}.feature-card{border:none!important}.feature-wrapper .card-icon{background-color:#f0f0f112!important}.hero-grid{background-image:linear-gradient(90deg,rgb(255 255 255/6%) 1px,transparent 0),linear-gradient(180deg,rgb(255 255 255/6%) 1px,transparent 0)!important}.resource-card{background:color-mix(in srgb,var(--card) 92%,#000);border-color:rgb(255 255 255/8%);box-shadow:none}.resource-card:hover{border-color:color-mix(in srgb,var(--rc-accent) 42%,transparent);box-shadow:0 18px 32px -22px rgb(0 0 0/80%)}.resource-card .rc-item:hover{background:color-mix(in srgb,var(--rc-accent) 14%,transparent)}.resource-card .rc-rank:not(.rc-rank-1,.rc-rank-2,.rc-rank-3){background:rgb(255 255 255/10%)}.resource-card .rc-more{border-top-color:rgb(255 255 255/8%)}.resource-card-skeleton,.resource-card-skeleton:hover{box-shadow:none}}.home-page{.container{max-width:1280px;padding:0 1rem;margin:0 auto;padding-inline:16px}.hero{position:relative;padding-top:8rem;padding-bottom:5rem;overflow:hidden}@media (width >= 1024px){.hero{padding-top:7rem;padding-bottom:7rem}}.hero-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgb(15 23 42/9%) 1px,transparent 0),linear-gradient(180deg,rgb(15 23 42/9%) 1px,transparent 0);background-position:top;background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 66% at 50% 32%,#000 25%,transparent 100%)}@media (width < 640px){.hero-grid{background-size:32px 32px}}.hero-bg{position:absolute;top:0;left:50%;z-index:-1;width:1000px;height:1000px;background:linear-gradient(180deg,#eff6ff,transparent);border-radius:50%;opacity:.5;filter:blur(64px);transform:translateX(-50%);transform:translateZ(0) translateX(-50%);will-change:transform}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3rem}@media (width >= 1024px){.hero-content{flex-direction:row;gap:5rem}}.hero-text{flex:1;text-align:center}@media (width >= 1024px){.hero-text{text-align:left}}.hero-title{margin-bottom:1.5rem;font-size:2.25rem;font-weight:800;line-height:1.2;color:var(--color-text-primary);border-bottom:none}@media (width >= 640px){.hero-title{font-size:3rem}}@media (width >= 1024px){.hero-title{font-size:3.75rem}}.highlight{display:inline-block;padding:0 .5rem;margin-top:.5rem;color:var(--color-brand);border-radius:.5rem;transform:rotate(-1deg)}.highlight-underline{position:absolute;bottom:-.5rem;left:0;width:100%;height:.75rem;color:var(--color-brand);opacity:.8}.hero-desc{max-width:42rem;margin-right:auto;margin-bottom:2rem;margin-left:auto;font-size:1.125rem;line-height:1.6;color:#4b5563}@media (width >= 1024px){.hero-desc{margin-left:0}}.hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (width >= 640px){.hero-actions{flex-direction:row}}@media (width >= 1024px){.hero-actions{justify-content:flex-start}}.btn{position:relative;display:inline-flex;padding:1rem 2rem;overflow:hidden;font-weight:700;text-decoration:none;border-radius:.75rem;transition:all .2s;align-items:center;justify-content:center}.btn-primary{color:white!important;background-color:var(--color-brand);box-shadow:0 10px 15px -3px rgb(37 99 235/20%)}.btn-primary:hover{transform:translateY(-1px)}.btn-shine:after{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgb(255 255 255/30%) 50%,transparent);content:"";transform:skewX(-25deg);transition:none}.btn-shine:hover:after{animation:shine .75s}@keyframes shine{to{left:125%}}.btn-outline{color:#374151;background-color:white;border:1px solid #e5e7eb}.btn-outline:hover{background-color:#f9fafb;border-color:#d1d5db}.hero-image{flex:1;position:relative}.hero-card-stack{animation:hero-float 6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.hero-card-stack{animation:none}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.image-wrapper svg{width:100%;height:100%;filter:drop-shadow(0 20px 25px -5px rgb(0 0 0/10%))}.deco-circle{position:absolute;z-index:-1;border-radius:50%;opacity:.2;filter:blur(40px)}.deco-yellow{top:-2.5rem;right:-2.5rem;width:5rem;height:5rem;background-color:#facc15}.deco-blue{bottom:-2.5rem;left:-2.5rem;width:8rem;height:8rem;background-color:#60a5fa}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{margin-bottom:1rem;font-size:2.25rem;font-weight:700;color:var(--color-text-primary);border-bottom:none}.section-header p{font-size:1.25rem;color:#4b5563}.feature-section{padding:5rem 0;background-color:var(--bg-primary)}.feature-section.gray-bg{background:#f9fafb}}.resource-hub{.resource-grid{display:grid;max-width:1560px;padding:0 24px;margin:0 auto;grid-template-columns:1fr;gap:20px}@media (width >= 768px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 32px}}@media (width >= 1280px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width >= 1536px){.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}}.resource-card{--rc-accent:#2563eb;position:relative;display:flex;height:100%;overflow:hidden;background:var(--card);border:1px solid rgb(15 23 42/7%);border-radius:16px;box-shadow:0 1px 2px rgb(15 23 42/4%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;flex-direction:column}.resource-card:before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--rc-accent),transparent 78%);content:"";opacity:.55;transition:opacity .25s ease}.resource-card:hover{border-color:color-mix(in srgb,var(--rc-accent) 34%,transparent);transform:translateY(-3px);box-shadow:0 18px 32px -20px rgb(15 23 42/32%)}.resource-card:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.resource-card,.resource-card:hover{transform:none;transition:none}}.resource-card .rc-head{display:flex;gap:8px;padding:14px 16px 10px;align-items:center}.resource-card .rc-icon{display:flex;width:26px;height:26px;color:var(--rc-accent);background:color-mix(in srgb,var(--rc-accent) 12%,transparent);border-radius:9px;flex:none;align-items:center;justify-content:center}.resource-card .rc-title{margin:0;overflow:hidden;font-size:14px;font-weight:600;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;border-bottom:none}.resource-card .rc-body{padding:2px 8px 6px;flex:1}.resource-card .rc-item{display:flex;gap:8px;padding:5px 8px;border-radius:8px;transition:background-color .18s ease;align-items:center}.resource-card .rc-item:hover{background:color-mix(in srgb,var(--rc-accent) 7%,transparent)}.resource-card .rc-rank{width:18px;height:18px;font-size:11px;font-variant-numeric:tabular-nums;line-height:18px;color:var(--color-text-secondary);text-align:center;background:rgb(100 116 139/12%);border-radius:6px;flex:none}.resource-card .rc-rank-1{color:#fff;background:linear-gradient(135deg,#ff7a5c,#f1404b)}.resource-card .rc-rank-2{color:#fff;background:linear-gradient(135deg,#f0a35e,#c56831)}.resource-card .rc-rank-3{color:#fff;background:linear-gradient(135deg,#e2c766,#b89e2c)}.resource-card .rc-link{min-width:0;overflow:hidden;font-size:13px;color:var(--color-text-primary);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;transition:color .18s ease;flex:1}.resource-card .rc-item:hover .rc-link{color:var(--rc-accent)}.resource-card .rc-meta{display:inline-flex;gap:3px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);flex:none;align-items:center}.resource-card .rc-meta-icon{opacity:.75}.resource-card .rc-more{display:flex;padding:10px 16px;margin-top:auto;font-size:12px;color:var(--color-text-secondary);text-decoration:none;border-top:1px solid rgb(15 23 42/6%);transition:color .18s ease;align-items:center;justify-content:space-between}.resource-card .rc-more:hover{color:var(--rc-accent)}.resource-card .rc-more-arrow{transition:transform .18s ease}.resource-card .rc-more:hover .rc-more-arrow{transform:translateX(3px)}.resource-card-skeleton,.resource-card-skeleton:hover{transform:none;box-shadow:0 1px 2px rgb(15 23 42/4%)}.resource-card.accent-emerald{--rc-accent:#10b981}.resource-card.accent-slate{--rc-accent:#64748b}.resource-card.accent-blue{--rc-accent:#3b82f6}.resource-card.accent-orange{--rc-accent:#f97316}.resource-card.accent-violet{--rc-accent:#8b5cf6}.resource-card.accent-cyan{--rc-accent:#06b6d4}.resource-card.accent-amber{--rc-accent:#f59e0b}.resource-card.accent-pink{--rc-accent:#ec4899}.feature-wrapper{.feature-container{max-width:1280px;padding:0 1rem;margin:0 auto}.feature-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (width >= 768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width >= 1024px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{position:relative;display:block;height:100%;padding:2rem;overflow:hidden;text-decoration:none;background-color:var(--card);border:1px solid #f3f4f6;border-radius:1rem;box-shadow:0 1px 2px 0 rgb(0 0 0/5%);transition:all .3s ease}.feature-card:hover{border-color:#e5e7eb;transform:translateY(-4px);box-shadow:0 20px 25px -5px rgb(0 0 0/10%)}.card-content{position:relative;z-index:10;display:flex;height:100%;flex-direction:column}.card-icon{display:flex;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;border-radius:.75rem;transition:transform .3s;align-items:center;justify-content:center}.feature-card:hover .card-icon{transform:scale(1.1)}.card-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);transition:color .2s}.feature-card:hover .card-title{color:var(--color-brand)}.card-desc{margin-bottom:2rem;font-weight:400;line-height:1.6;color:#4b5563;flex-grow:1}.card-footer{font-size:.875rem;font-weight:700;color:var(--color-brand)}.arrow{margin-left:.25rem;transition:transform .2s}.feature-card:hover .arrow{transform:translateX(4px)}.card-bg-shape{position:absolute;top:0;right:0;z-index:0;width:8rem;height:8rem;margin-top:-2rem;margin-right:-2rem;border-bottom-left-radius:100%;transition:transform .3s}.feature-card:hover .card-bg-shape{transform:scale(1.1)}.theme-1 .card-icon{color:#3b82f6}.theme-1 .card-bg-shape,.theme-1 .card-icon{background-color:#eff6ff}.theme-2 .card-icon{color:#22c55e}.theme-2 .card-bg-shape,.theme-2 .card-icon{background-color:#f0fdf4}.theme-3 .card-icon{color:#a855f7}.theme-3 .card-bg-shape,.theme-3 .card-icon{background-color:#faf5ff}.theme-4 .card-icon{color:#f97316}.theme-4 .card-bg-shape,.theme-4 .card-icon{background-color:#fff7ed}.theme-5 .card-icon{color:#6366f1}.theme-5 .card-bg-shape,.theme-5 .card-icon{background-color:#eef2ff}.theme-6 .card-icon{color:#ec4899}.theme-6 .card-bg-shape,.theme-6 .card-icon{background-color:#fdf2f8}.theme-7 .card-icon{color:#06b6d4}.theme-7 .card-bg-shape,.theme-7 .card-icon{background-color:#ecfeff}.theme-8 .card-icon{color:#ef4444}.theme-8 .card-bg-shape,.theme-8 .card-icon{background-color:#fef2f2}.theme-9 .card-icon{color:#eab308}.theme-9 .card-bg-shape,.theme-9 .card-icon{background-color:#fefce8}.theme-10 .card-icon{color:#06b6d4}.theme-10 .card-bg-shape,.theme-10 .card-icon{background-color:#ecfeff}.theme-11 .card-icon{color:#ef4444}.theme-11 .card-bg-shape,.theme-11 .card-icon{background-color:#fef2f2}.theme-12 .card-icon{color:#eab308}.theme-12 .card-bg-shape,.theme-12 .card-icon{background-color:#fefce8}}:root[data-theme=dark] .feature-wrapper .feature-card.wi-glass,:root[data-theme=dark] .feature-wrapper .feature-card.wi-glass:hover{border-color:transparent}