@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*,:after,:before{box-sizing:border-box}article h1,aside h1,nav h1,section h1{font-size:2em}.section{background:radial-gradient(circle at top left, #007bf024, transparent 30%), radial-gradient(circle at bottom right, #81ceff1a, transparent 24%), linear-gradient(160deg, #ffffff0a, #ffffff04), var(--background-three);border-radius:24px;min-height:60vh;padding:clamp(1.35rem,3vw,2rem);position:relative;overflow:hidden;box-shadow:0 26px 70px #0000003d,inset 0 1px #ffffff14}body>main .resources-shell{background:radial-gradient(circle at top left, #007bf024, transparent 30%), radial-gradient(circle at bottom right, #81ceff1a, transparent 24%), linear-gradient(160deg, #ffffff0a, #ffffff04), var(--background-three);border-radius:24px;margin-top:.25rem;box-shadow:0 26px 70px #0000003d,inset 0 1px #ffffff14}.section:before,.section:after{content:"";filter:blur(16px);pointer-events:none;opacity:.72;border-radius:999px;position:absolute}.section:before{background:#007bf024;width:220px;height:220px;top:-86px;left:-72px}.section:after{background:#ffffff14;width:150px;height:150px;bottom:-52px;right:-48px}.intro{text-align:center;max-width:1600px;margin:0 auto;padding:.4rem 0 .1rem}.intro h3,.intro p{color:var(--text-color)}.resources-intro{text-align:left;grid-template-columns:minmax(0,1.06fr) minmax(260px,.84fr);align-items:center;gap:clamp(2rem,4.6vw,4.4rem);display:grid}.resources-intro__copy,.resources-intro__visual{z-index:1;position:relative}.resources-intro__visual{justify-self:end;width:100%;max-width:640px}.section-kicker{color:#9bd3ffe6;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.7rem;font-size:.78rem;font-weight:700}.intro h3{text-wrap:balance;margin-bottom:1rem;font-size:clamp(2rem,3.2vw,3rem);font-weight:700;line-height:1.02}.intro p{text-align:left;margin-bottom:0;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.78}.resources-intro__signals{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:.85rem 1.1rem;margin-top:1.55rem;padding-top:1rem;display:flex}.resources-intro__signals span{color:#ffffffc2;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.84rem;font-weight:700;display:inline-flex}.resources-intro__signals span:before{content:"";background:#6ec4ffb3;border-radius:50%;width:.36rem;height:.36rem}.intro-media{background:linear-gradient(135deg,#007bf01a,#ffffff08),#1f1f1f;border:1px solid #ffffff1a;border-radius:26px;width:min(100%,620px);margin:0 0 0 auto;overflow:hidden;box-shadow:0 28px 72px #0000004d,0 0 0 1px #007bf024}.intro-media-image{aspect-ratio:1168/784;object-fit:cover;width:100%;height:auto;display:block}.resources-media-overlay{pointer-events:none;position:absolute;inset:0}.resources-media-overlay__line,.resources-media-overlay__glow{position:absolute}.resources-media-overlay__line{opacity:.7;background:linear-gradient(90deg,#9bd3ff00,#9bd3ffad,#9bd3ff00)}.resources-media-overlay__line--top{height:1px;top:1rem;left:1rem;right:28%}.resources-media-overlay__line--bottom{height:1px;bottom:1rem;left:26%;right:1rem}.resources-media-overlay__glow{aspect-ratio:1;filter:blur(12px);background:radial-gradient(circle,#ffffff24 0%,#fff0 72%);border-radius:50%;width:34%;top:-10%;right:-6%}.hero,.hero-content{align-items:center;display:flex}.hero{background-color:var(--background-three);min-height:80vh;box-shadow:var(--box-shadow);border-radius:10px;justify-content:center;margin-bottom:5rem;padding:2rem;position:relative;overflow:hidden}.hero-content{flex-direction:column;gap:1rem;width:100%;max-width:1350px}.hero p,.hero-title{color:var(--text-color)}.hero-title{opacity:0;margin-bottom:1rem;font-size:3rem;line-height:1.2;animation:1s ease-out forwards fadeInUp;transform:translateY(20px)}.hero p{text-align:justify;margin:60px 0 2rem;font-size:1.2rem;line-height:1.8}.button-width{max-width:200px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr;place-items:stretch center;gap:20px;padding:0;display:grid}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2.25rem}.resource-card{background:linear-gradient(#ffffff14,#ffffff06),#1c212be0;border:1px solid #ffffff14;border-radius:22px;width:100%;max-width:none;min-height:100%;padding:1.3rem 1.15rem 1.15rem;box-shadow:0 18px 40px #00000038,inset 0 1px #ffffff14}.resource-card:before{background:linear-gradient(90deg, var(--resource-accent,#007bf0), #ffffffeb);height:5px}.resource-card__eyebrow{color:var(--resource-accent,#96d2ff);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.85rem;font-size:.75rem;font-weight:800}.resource-card h4{text-align:left;font-size:clamp(1.45rem,2vw,1.75rem);line-height:1.08}.resource-card p{text-align:left}.resource-card .resource-preview{color:#ffffffc7;background:#080f1873;border:1px solid #ffffff0f;border-radius:14px;margin:.8rem 0 1rem;padding:.8rem .9rem}.resource-card__meta{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.resource-card__meta span{color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.45rem;min-height:0;padding:0;font-size:.76rem;font-weight:700;display:inline-flex}.resource-card__meta span:before{content:"";background:color-mix(in srgb, var(--resource-accent,#007bf0) 65%, white 35%);width:1rem;height:1px}.resource-card--html{--resource-accent:#ff8c5b}.resource-card--css{--resource-accent:#59c0ff}.resource-card--js{--resource-accent:#ffd45e}.resource-card--snippets{--resource-accent:#8ef2c9}@media (width<=1280px){.button-simple{font-size:.9em}}@media (width<=980px){.resources-intro{text-align:center;grid-template-columns:1fr}.resources-intro__signals{justify-content:center}.intro h3,.intro p,.resource-card h4,.resource-card p{text-align:left}.intro-media{margin:0 auto}.resources-intro__visual{justify-self:stretch;max-width:none}}@media (width<=768px){.grid{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero .cta-buttons{flex-direction:column}.intro-media{border-radius:18px;margin:0 auto}.section{border-radius:18px;padding:1.45rem .95rem 1.35rem}body>main .resources-shell{background:radial-gradient(circle at top left, #007bf024, transparent 30%), radial-gradient(circle at bottom right, #81ceff1a, transparent 24%), linear-gradient(160deg, #ffffff0a, #ffffff04), var(--background-three);border-radius:18px;padding:1.45rem .95rem 1.35rem;box-shadow:0 26px 70px #0000003d,inset 0 1px #ffffff14}.resources-media-overlay__line--top{right:18%}.resources-media-overlay__line--bottom{left:18%}.resources-media-overlay__glow{width:42%}}@media (width<=480px){.resources-intro__signals span{width:100%}.resource-card{border-radius:16px;padding:1.05rem .95rem 1rem}body>main .resources-shell{border-radius:14px}.resource-card__meta span{width:100%}}