:root{color-scheme:dark;font-family:Inter,Arial,Helvetica,sans-serif;background:oklch(.19 .014 75);color:oklch(.95 .01 75)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{min-height:100vh;background:oklch(.19 .014 75)}a{color:inherit;text-decoration:none}.page{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:72px 0 88px}.hero{margin-bottom:48px}.heroTitle{margin:0;color:oklch(.95 .01 75);font-size:clamp(2.5rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;font-weight:700}.heroDescription{margin:12px 0 0;color:oklch(.62 .02 75);font-size:.95rem;line-height:1.5;font-weight:500}.grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));perspective:1200px}.card{position:relative;display:flex;flex-direction:column;gap:16px;min-height:0;padding:24px 26px;overflow:hidden;border:1px solid oklch(.3 .015 75);border-radius:16px;background:oklch(.23 .015 75);box-shadow:0 20px 40px -12px oklch(.1 .02 75/0);transform-style:preserve-3d;will-change:transform;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:before{content:"";position:absolute;inset:-1px;border-radius:17px;padding:2px;background:linear-gradient(135deg,var(--accent) 0,var(--accent) 35%,transparent 68%);opacity:0;transition:opacity .25s ease;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card:focus-visible,.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px oklch(.1 .02 75/.6);outline:none}.card:focus-visible:before,.card:hover:before{opacity:1}.cardTopRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cardIconWrap{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;flex-shrink:0;color:var(--accent);background:var(--accentBg)}.cardIcon{width:20px;height:20px}.cardBody{display:flex;flex-direction:column;gap:8px}.cardTitle{margin:0;color:oklch(.95 .01 75);font-size:1.2rem;line-height:1.2;letter-spacing:-.01em;font-weight:700}.cardDomain{align-self:flex-start;padding:4px 8px;border-radius:6px;color:var(--accent);background:var(--accentBg);font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.72rem;line-height:1.3;letter-spacing:.01em;font-weight:500}.cardArrow{width:16px;height:16px;margin-top:5px;color:oklch(.5 .02 75);flex-shrink:0}.cardDescription{margin:0;color:oklch(.68 .015 75);font-size:.875rem;line-height:1.55}@media (max-width:640px){.page{width:min(100% - 24px,960px);padding-top:40px}.grid{gap:14px;grid-template-columns:1fr}.hero{margin-bottom:32px}.heroDescription{max-width:36ch}.card{padding:20px}}