.LogoLoader-module__xpSJwG__svg{width:100%;height:100%;display:block;overflow:visible}.LogoLoader-module__xpSJwG__bgCircle,.LogoLoader-module__xpSJwG__ringOuter,.LogoLoader-module__xpSJwG__ringInner,.LogoLoader-module__xpSJwG__triTop,.LogoLoader-module__xpSJwG__triBl,.LogoLoader-module__xpSJwG__triBr,.LogoLoader-module__xpSJwG__orbit1,.LogoLoader-module__xpSJwG__orbit2,.LogoLoader-module__xpSJwG__orbit3,.LogoLoader-module__xpSJwG__orbitCounter,.LogoLoader-module__xpSJwG__triOutlineTop,.LogoLoader-module__xpSJwG__triOutlineBl,.LogoLoader-module__xpSJwG__triOutlineBr{transform-origin:50%;transform-box:fill-box}.LogoLoader-module__xpSJwG__comet{fill:none;stroke:#fef3c7;stroke-width:6px;stroke-linecap:round;stroke-dasharray:55 636;filter:drop-shadow(0 0 6px #fbbf24e6)}.LogoLoader-module__xpSJwG__cometThin{stroke-width:3px;stroke-dasharray:30 661;stroke:#fbbf24;opacity:.75}@keyframes LogoLoader-module__xpSJwG__orbitCw{0%{stroke-dashoffset:0}to{stroke-dashoffset:-691px}}@keyframes LogoLoader-module__xpSJwG__orbitCcw{0%{stroke-dashoffset:0}to{stroke-dashoffset:628px}}@keyframes LogoLoader-module__xpSJwG__rotCw{to{transform:rotate(360deg)}}@keyframes LogoLoader-module__xpSJwG__rotCcw{to{transform:rotate(-360deg)}}@keyframes LogoLoader-module__xpSJwG__triFlyTop{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translate(150px,-150px)scale(.4)}20%{opacity:1;animation-timing-function:linear;transform:translate(0)scale(1)}92%{opacity:1;animation-timing-function:ease-in;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)scale(1)}}@keyframes LogoLoader-module__xpSJwG__triFlyBl{0%{opacity:0;animation-timing-function:linear;transform:translate(-180px)scale(.4)}18%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translate(-180px)scale(.4)}38%{opacity:1;animation-timing-function:linear;transform:translate(0)scale(1)}92%{opacity:1;animation-timing-function:ease-in;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)scale(1)}}@keyframes LogoLoader-module__xpSJwG__triFlyBr{0%{opacity:0;animation-timing-function:linear;transform:translate(180px,150px)scale(.4)}36%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translate(180px,150px)scale(.4)}56%{opacity:1;animation-timing-function:linear;transform:translate(0)scale(1)}92%{opacity:1;animation-timing-function:ease-in;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)scale(1)}}@keyframes LogoLoader-module__xpSJwG__bgShift{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.02)rotate(180deg)}}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__bgCircle{animation:6s ease-in-out infinite LogoLoader-module__xpSJwG__bgShift}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__ringOuter{animation:6s linear infinite LogoLoader-module__xpSJwG__rotCw}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__ringInner{animation:8s linear infinite LogoLoader-module__xpSJwG__rotCcw}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__triTop{animation:4s linear infinite LogoLoader-module__xpSJwG__triFlyTop}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__triBl{animation:4s linear infinite LogoLoader-module__xpSJwG__triFlyBl}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__triBr{animation:4s linear infinite LogoLoader-module__xpSJwG__triFlyBr}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__orbit1{animation:2.4s linear infinite LogoLoader-module__xpSJwG__orbitCw}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__orbit2{animation:2.4s linear -.8s infinite LogoLoader-module__xpSJwG__orbitCw}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__orbit3{animation:2.4s linear -1.6s infinite LogoLoader-module__xpSJwG__orbitCw}.LogoLoader-module__xpSJwG__orbit .LogoLoader-module__xpSJwG__orbitCounter{animation:4s linear infinite LogoLoader-module__xpSJwG__orbitCcw}@keyframes LogoLoader-module__xpSJwG__olBgIn{0%{opacity:0}8%{opacity:.25}50%{opacity:.25}66%{opacity:1}92%{opacity:1}to{opacity:0}}@keyframes LogoLoader-module__xpSJwG__olRingOuter{0%,4%{stroke-dashoffset:691px;opacity:0}6%{opacity:1}28%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes LogoLoader-module__xpSJwG__olRingInner{0%,12%{stroke-dashoffset:628px;opacity:0}14%{opacity:1}36%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:.7}to{stroke-dashoffset:0;opacity:0}}@keyframes LogoLoader-module__xpSJwG__olTriStrokeTop{0%,22%{stroke-dashoffset:100px;opacity:0}24%{opacity:1}40%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes LogoLoader-module__xpSJwG__olTriStrokeBl{0%,28%{stroke-dashoffset:100px;opacity:0}30%{opacity:1}46%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes LogoLoader-module__xpSJwG__olTriStrokeBr{0%,34%{stroke-dashoffset:100px;opacity:0}36%{opacity:1}52%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes LogoLoader-module__xpSJwG__olTriFillTop{0%,40%{fill-opacity:0}56%{fill-opacity:1}92%{fill-opacity:1}to{fill-opacity:0}}@keyframes LogoLoader-module__xpSJwG__olTriFillBl{0%,46%{fill-opacity:0}60%{fill-opacity:1}92%{fill-opacity:1}to{fill-opacity:0}}@keyframes LogoLoader-module__xpSJwG__olTriFillBr{0%,52%{fill-opacity:0}64%{fill-opacity:1}92%{fill-opacity:1}to{fill-opacity:0}}@keyframes LogoLoader-module__xpSJwG__olCometIn{0%,52%{opacity:0}66%{opacity:1}92%{opacity:1}to{opacity:0}}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__bgCircle{animation:5s ease-in-out infinite LogoLoader-module__xpSJwG__olBgIn}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__ringOuter{stroke-dasharray:691;stroke-dashoffset:691px;animation:5s cubic-bezier(.55,0,.2,1) infinite LogoLoader-module__xpSJwG__olRingOuter;transform:rotate(-90deg)}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__ringInner{stroke-dasharray:628;stroke-dashoffset:628px;animation:5s cubic-bezier(.55,0,.2,1) infinite LogoLoader-module__xpSJwG__olRingInner;transform:rotate(-90deg)}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triOutlineTop{stroke-dasharray:100;stroke-dashoffset:100px;animation:5s cubic-bezier(.55,0,.2,1) infinite LogoLoader-module__xpSJwG__olTriStrokeTop}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triOutlineBl{stroke-dasharray:100;stroke-dashoffset:100px;animation:5s cubic-bezier(.55,0,.2,1) infinite LogoLoader-module__xpSJwG__olTriStrokeBl}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triOutlineBr{stroke-dasharray:100;stroke-dashoffset:100px;animation:5s cubic-bezier(.55,0,.2,1) infinite LogoLoader-module__xpSJwG__olTriStrokeBr}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triFillTop{fill-opacity:0;animation:5s ease-in-out infinite LogoLoader-module__xpSJwG__olTriFillTop}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triFillBl{fill-opacity:0;animation:5s ease-in-out infinite LogoLoader-module__xpSJwG__olTriFillBl}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triFillBr{fill-opacity:0;animation:5s ease-in-out infinite LogoLoader-module__xpSJwG__olTriFillBr}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__cometGroup{animation:5s ease-in-out infinite LogoLoader-module__xpSJwG__olCometIn}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__comet1{animation:2.4s linear infinite LogoLoader-module__xpSJwG__orbitCw}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__comet2{animation:4s linear infinite LogoLoader-module__xpSJwG__orbitCcw}@media (prefers-reduced-motion:reduce){.LogoLoader-module__xpSJwG__svg *{animation:none!important}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__bgCircle{opacity:1}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__ringOuter,.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__ringInner{stroke-dashoffset:0;opacity:1;transform:rotate(-90deg)}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triFillTop,.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triFillBl,.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triFillBr{fill-opacity:1}.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triOutlineTop,.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triOutlineBl,.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__triOutlineBr,.LogoLoader-module__xpSJwG__outline .LogoLoader-module__xpSJwG__cometGroup{opacity:0}}
.design-system-module__nfGqPq__root{--x-brand-blue:#3b82f6;--x-brand-purple:#8b5cf6;--x-brand-orange:#f97316;--x-brand-green:#22c55e;--x-brand-gold:#eab308;--x-gradient-auth:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #f97316 100%);--x-gradient-blue-purple:linear-gradient(to right, #3b82f6, #8b5cf6);--x-gradient-tri:linear-gradient(to right, #3b82f6, #8b5cf6, #eab308)}.design-system-module__nfGqPq__page{background:hsl(var(--background));min-height:100vh;color:hsl(var(--foreground));padding:48px 32px 120px}.design-system-module__nfGqPq__container{max-width:1120px;margin:0 auto}.design-system-module__nfGqPq__section{margin-top:64px;scroll-margin-top:24px}.design-system-module__nfGqPq__sectionHead{border-bottom:1px solid hsl(var(--border));align-items:baseline;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}.design-system-module__nfGqPq__sectionTitle{letter-spacing:-.025em;font-size:24px;font-weight:700}.design-system-module__nfGqPq__sectionTag{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:11px}.design-system-module__nfGqPq__grid{gap:16px;display:grid}.design-system-module__nfGqPq__cardGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.design-system-module__nfGqPq__tile{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:12px;padding:16px}.design-system-module__nfGqPq__tileLabel{margin-top:10px;font-size:13px;font-weight:600}.design-system-module__nfGqPq__tileMeta{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);color:hsl(var(--muted-foreground));margin-top:2px;font-size:11px}.design-system-module__nfGqPq__swatch{border:1px solid hsl(var(--border) / .6);border-radius:8px;height:64px}.design-system-module__nfGqPq__gradientSwatch{border:1px solid hsl(var(--border) / .4);border-radius:12px;height:96px}.design-system-module__nfGqPq__specimen{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:12px;flex-direction:column;gap:6px;padding:20px 24px;display:flex}.design-system-module__nfGqPq__specimenMeta{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);color:hsl(var(--muted-foreground));font-size:11px}.design-system-module__nfGqPq__heroType{letter-spacing:-.025em;background:linear-gradient(to right, hsl(var(--foreground)), var(--x-brand-blue), var(--x-brand-purple), var(--x-brand-gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,6vw,60px);font-weight:700;line-height:1.1}.design-system-module__nfGqPq__mono{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);font-variant-numeric:tabular-nums}.design-system-module__nfGqPq__gradAuth{background:var(--x-gradient-auth);background-size:200% 200%;animation:15s infinite design-system-module__nfGqPq__x-gradient-shift}.design-system-module__nfGqPq__gradBluePurple{background:var(--x-gradient-blue-purple)}.design-system-module__nfGqPq__gradTri{background:var(--x-gradient-tri)}@keyframes design-system-module__nfGqPq__x-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.design-system-module__nfGqPq__btnRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.design-system-module__nfGqPq__btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s cubic-bezier(0,0,.2,1);display:inline-flex}.design-system-module__nfGqPq__btnDefault{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.design-system-module__nfGqPq__btnDefault:hover{background:hsl(var(--primary) / .9)}.design-system-module__nfGqPq__btnOutline{background:hsl(var(--background));color:hsl(var(--foreground));border-color:hsl(var(--input))}.design-system-module__nfGqPq__btnOutline:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.design-system-module__nfGqPq__btnSecondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.design-system-module__nfGqPq__btnGhost{color:hsl(var(--foreground));background:0 0}.design-system-module__nfGqPq__btnGhost:hover{background:hsl(var(--accent) / .1);color:hsl(var(--accent))}.design-system-module__nfGqPq__btnDestructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.design-system-module__nfGqPq__btnGradient{background:var(--x-gradient-blue-purple);color:#fff;font-weight:700;box-shadow:0 20px 25px -5px #0000001a}.design-system-module__nfGqPq__btnGradient:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px #3b82f673}.design-system-module__nfGqPq__badge{border:1px solid #0000;border-radius:9999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.design-system-module__nfGqPq__badgeDefault{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.design-system-module__nfGqPq__badgeSecondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.design-system-module__nfGqPq__badgeOutline{color:hsl(var(--foreground));border-color:hsl(var(--border));background:0 0}.design-system-module__nfGqPq__badgeAccent{background:hsl(var(--accent) / .1);color:hsl(var(--accent));border-color:hsl(var(--accent) / .3)}.design-system-module__nfGqPq__badgeSuccess{color:#1a9948;background:#21c45d1a}.design-system-module__nfGqPq__badgeWarning{color:#e06106;background:#fa89381a}.design-system-module__nfGqPq__badgeDanger{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive))}.design-system-module__nfGqPq__badgeGradient{background:linear-gradient(to right, hsl(var(--accent) / .2), #9952e033, #fac93833);border-color:hsl(var(--accent) / .3);color:hsl(var(--foreground))}.design-system-module__nfGqPq__input{border:1px solid hsl(var(--input));width:100%;height:36px;color:hsl(var(--foreground));background:0 0;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:14px;transition:outline-color .15s;display:flex}.design-system-module__nfGqPq__input::placeholder{color:hsl(var(--muted-foreground))}.design-system-module__nfGqPq__input:focus{outline:2px solid hsl(var(--ring) / .5);outline-offset:0}.design-system-module__nfGqPq__featureCard{border:2px solid hsl(var(--border) / .8);background:hsl(var(--card) / .95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:24px;transition:transform .3s cubic-bezier(0,0,.2,1),box-shadow .3s cubic-bezier(0,0,.2,1),border-color .3s cubic-bezier(0,0,.2,1);position:relative;overflow:hidden}.design-system-module__nfGqPq__featureCard:before{content:"";background:linear-gradient(to bottom, hsl(var(--accent) / .05), #9952e00d, transparent);pointer-events:none;position:absolute;inset:0}.design-system-module__nfGqPq__featureCard:hover{border-color:hsl(var(--accent) / .5);transform:scale(1.03);box-shadow:0 25px 50px -12px #00000040}.design-system-module__nfGqPq__iconCircle{background:linear-gradient(135deg, hsl(var(--accent) / .2), #9952e033);width:56px;height:56px;color:hsl(var(--accent));border-radius:9999px;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(0,0,.2,1);display:flex}.design-system-module__nfGqPq__iconCircle svg{transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.design-system-module__nfGqPq__featureCard:hover .design-system-module__nfGqPq__iconCircle{transform:scale(1.06)}.design-system-module__nfGqPq__featureCard:hover .design-system-module__nfGqPq__iconCircle svg{transform:scale(1.12)rotate(-6deg)}.design-system-module__nfGqPq__elevTile{background:hsl(var(--card));border:1px solid hsl(var(--border) / .4);height:88px;color:hsl(var(--muted-foreground));border-radius:12px;justify-content:center;align-items:center;font-size:12px;display:flex}.design-system-module__nfGqPq__loadingStage{aspect-ratio:1;border:1px solid hsl(var(--border));background:radial-gradient(circle,#3b82f60f,#0000 60%),#0a0a12;border-radius:16px;place-items:center;display:grid}.design-system-module__nfGqPq__iconCell{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:background .2s,transform .2s,color .2s;display:flex}.design-system-module__nfGqPq__iconCell:hover{background:hsl(var(--accent) / .08);color:hsl(var(--accent));transform:translateY(-2px)}.design-system-module__nfGqPq__iconCell svg{will-change:transform;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.design-system-module__nfGqPq__iconCell:hover svg{transform:scale(1.22)rotate(-6deg)}.design-system-module__nfGqPq__iconCell:active svg{transition-duration:.12s;transform:scale(.9)}.design-system-module__nfGqPq__iconCellLabel{color:hsl(var(--muted-foreground));font-size:11px}.design-system-module__nfGqPq__topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.design-system-module__nfGqPq__toc{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.design-system-module__nfGqPq__tocLink{border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));border-radius:9999px;padding:4px 12px;font-size:12px;text-decoration:none;transition:all .15s}.design-system-module__nfGqPq__tocLink:hover{background:hsl(var(--accent) / .1);color:hsl(var(--accent));border-color:hsl(var(--accent) / .3)}.design-system-module__nfGqPq__themeToggle{border:1px solid hsl(var(--border));background:hsl(var(--card));height:36px;color:hsl(var(--foreground));cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.design-system-module__nfGqPq__themeToggle:hover{background:hsl(var(--accent) / .08)}@media (prefers-reduced-motion:reduce){.design-system-module__nfGqPq__iconCell svg,.design-system-module__nfGqPq__iconCircle,.design-system-module__nfGqPq__iconCircle svg{transition:none}.design-system-module__nfGqPq__iconCell:hover svg,.design-system-module__nfGqPq__iconCell:active svg,.design-system-module__nfGqPq__featureCard:hover .design-system-module__nfGqPq__iconCircle,.design-system-module__nfGqPq__featureCard:hover .design-system-module__nfGqPq__iconCircle svg{transform:none}}
