.top9-page{--top9-gradient:linear-gradient(135deg,var(--primary),var(--secondary));--top9-muted:color-mix(in srgb,var(--foreground) 70%,var(--background));--top9-card:color-mix(in srgb,var(--card) 94%,transparent);--top9-soft:color-mix(in srgb,var(--primary) 8%,var(--background));min-height:100vh;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--primary) 11%,transparent),transparent 28rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 30rem),linear-gradient(180deg,var(--background) 0,color-mix(in srgb,var(--primary) 4%,var(--background)) 44%,var(--background) 100%);color:var(--foreground);font-family:var(--font-primary),var(--font-sans),Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.top9-page :is(h1,h2,h3){color:var(--foreground);font-family:var(--font-primary),var(--font-sans),Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}.top9-hero{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 24rem),radial-gradient(circle at 86% 24%,color-mix(in srgb,var(--secondary) 13%,transparent),transparent 24rem),linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--background)),color-mix(in srgb,var(--secondary) 8%,var(--background)));border-bottom:1px solid color-mix(in srgb,var(--border) 78%,var(--primary))}.top9-gradient-text{background:var(--top9-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.top9-card{border:1px solid color-mix(in srgb,var(--border) 86%,var(--primary));background:var(--top9-card);box-shadow:var(--anslation-ds-shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.top9-card:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));box-shadow:var(--anslation-ds-shadow-md)}.top9-panel{border:1px solid color-mix(in srgb,var(--border) 86%,var(--primary));background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:var(--anslation-ds-shadow-sm)}.top9-pill{border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary)}.top9-primary-action{background:var(--top9-gradient);color:var(--primary-foreground);box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 18%,transparent)}.top9-muted-text{color:var(--top9-muted)}.top9-link{color:var(--primary)}.top9-link:hover{color:var(--primary-hover)}.top9-search{border:1px solid color-mix(in srgb,var(--border) 88%,var(--primary));background:color-mix(in srgb,var(--card) 96%,transparent);color:var(--foreground);box-shadow:var(--anslation-ds-shadow-md)}.top9-search::placeholder{color:var(--top9-muted)}.top9-image-frame{border:1px solid color-mix(in srgb,var(--border) 86%,var(--primary));background:color-mix(in srgb,var(--card) 92%,var(--background));box-shadow:var(--anslation-ds-shadow-md)}[data-theme=dark] .top9-page{--top9-card:color-mix(in srgb,var(--card) 88%,transparent);--top9-muted:color-mix(in srgb,var(--foreground) 74%,var(--muted-foreground));background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 28rem),radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 30rem),linear-gradient(180deg,var(--background) 0,color-mix(in srgb,var(--primary) 6%,var(--background)) 44%,var(--background) 100%)}[data-theme=dark] .top9-hero{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 24rem),radial-gradient(circle at 86% 22%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 24rem),linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--background)),color-mix(in srgb,var(--secondary) 7%,var(--background)))}