@tailwind base;@tailwind components;@tailwind utilities;:root{--yc-color-brand-50: #fdf2f8;--yc-color-brand-100: #fce7f3;--yc-color-brand-200: #fbcfe8;--yc-color-brand-300: #f9a8d4;--yc-color-brand-400: #f472b6;--yc-color-brand-500: #ec4899;--yc-color-brand-600: #e64fa9;--yc-color-brand-700: #e64fa9;--yc-color-brand-800: #be185d;--yc-color-brand-900: #9d174d;--yc-color-secondary-50: #f5f3ff;--yc-color-secondary-100: #ede9fe;--yc-color-secondary-200: #ddd6fe;--yc-color-secondary-300: #c4b5fd;--yc-color-secondary-400: #a78bfa;--yc-color-secondary-500: #8b5cf6;--yc-color-secondary-600: #7c3aed;--yc-color-secondary-700: #6d29d9;--yc-color-secondary-800: #5b21b6;--yc-color-secondary-900: #4c1d95;--yc-color-neutral-50: #fafafa;--yc-color-neutral-100: #f4f4f5;--yc-color-neutral-200: #e4e4e7;--yc-color-neutral-300: #d4d4d8;--yc-color-neutral-400: #a1a1aa;--yc-color-neutral-500: #71717a;--yc-color-neutral-600: #52525b;--yc-color-neutral-700: #3f3f46;--yc-color-neutral-800: #27272a;--yc-color-neutral-900: #18181b;--yc-color-neutral-950: #09090b;--yc-color-success: #059669;--yc-color-warning: #d97706;--yc-color-error: #dc2626;--yc-color-info: #2563eb;--yc-color-phase-discover: #6366f1;--yc-color-phase-define: #8b5cf6;--yc-color-phase-develop: #0891b2;--yc-color-phase-deliver: #059669;--yc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--yc-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--yc-font-size-xs: .75rem;--yc-font-size-sm: .8125rem;--yc-font-size-base: .875rem;--yc-font-size-md: 1rem;--yc-font-size-lg: 1.125rem;--yc-font-size-xl: 1.25rem;--yc-font-size-2xl: 1.5rem;--yc-font-size-3xl: 2rem;--yc-font-size-4xl: 2.5rem;--yc-font-size-5xl: 3rem;--yc-font-weight-light: 300;--yc-font-weight-normal: 400;--yc-font-weight-medium: 500;--yc-font-weight-semibold: 600;--yc-font-weight-bold: 700;--yc-line-height-tight: 1.2;--yc-line-height-snug: 1.3;--yc-line-height-normal: 1.5;--yc-line-height-relaxed: 1.625;--yc-space-0: 0px;--yc-space-1: 4px;--yc-space-2: 8px;--yc-space-3: 12px;--yc-space-4: 16px;--yc-space-5: 20px;--yc-space-6: 24px;--yc-space-8: 32px;--yc-space-10: 40px;--yc-space-12: 48px;--yc-space-16: 64px;--yc-radius-none: 0px;--yc-radius-sm: 4px;--yc-radius-md: 6px;--yc-radius-lg: 8px;--yc-radius-xl: 12px;--yc-radius-2xl: 16px;--yc-radius-full: 9999px;--yc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--yc-shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--yc-shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--yc-shadow-xl: 0 12px 32px rgba(0, 0, 0, .2);--yc-color-primary: var(--yc-color-brand-700);--yc-color-primary-hover: var(--yc-color-brand-800);--yc-color-primary-active: var(--yc-color-brand-900);--yc-color-primary-bg: var(--yc-color-brand-50);--yc-color-bg-container: #ffffff;--yc-color-bg-layout: #f8f7fc;--yc-color-bg-elevated: #ffffff;--yc-color-border: var(--yc-color-neutral-300);--yc-color-border-secondary: var(--yc-color-neutral-200);--yc-color-text: var(--yc-color-neutral-900);--yc-color-text-secondary: var(--yc-color-neutral-600);--yc-color-text-tertiary: var(--yc-color-neutral-500);--yc-color-text-disabled: var(--yc-color-neutral-400);--yc-color-fill: rgba(0, 0, 0, .04);--yc-color-fill-secondary: rgba(0, 0, 0, .02);--yc-color-fill-tertiary: rgba(0, 0, 0, .01)}[data-theme=dark]{--yc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--yc-shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--yc-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--yc-shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--yc-color-primary: var(--yc-color-brand-500);--yc-color-primary-hover: var(--yc-color-brand-400);--yc-color-primary-active: var(--yc-color-brand-600);--yc-color-primary-bg: color-mix(in srgb, var(--yc-color-brand-500) 10%, transparent);--yc-color-bg-container: #1f1f1f;--yc-color-bg-layout: #141414;--yc-color-bg-elevated: #262626;--yc-color-border: #525252;--yc-color-border-secondary: #404040;--yc-color-text: rgba(255, 255, 255, .87);--yc-color-text-secondary: rgba(255, 255, 255, .75);--yc-color-text-tertiary: rgba(255, 255, 255, .6);--yc-color-text-disabled: rgba(255, 255, 255, .45);--yc-color-fill: rgba(255, 255, 255, .12);--yc-color-fill-secondary: rgba(255, 255, 255, .08);--yc-color-fill-tertiary: rgba(255, 255, 255, .04);--yc-color-success: #52c41a;--yc-color-warning: #faad14;--yc-color-error: #ff4d4f;--yc-color-info: #1890ff}body{font-family:var(--yc-font-sans);background-color:var(--yc-color-bg-layout);color:var(--yc-color-text);margin:0}@keyframes yx-blob-a{0%,to{transform:translate(-12%,-8%) scale(1)}33%{transform:translate(10%,6%) scale(1.15)}66%{transform:translate(-4%,12%) scale(.95)}}@keyframes yx-blob-b{0%,to{transform:translate(14%,10%) scale(1.05)}50%{transform:translate(-10%,-6%) scale(.9)}}@keyframes yx-blob-c{0%,to{transform:translate(0) scale(.9)}50%{transform:translate(8%,-12%) scale(1.2)}}.yx-hero-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.yx-hero-blob.a{width:55vw;height:55vw;background:#6d29d9;top:-20%;left:-10%;animation:yx-blob-a 26s ease-in-out infinite}.yx-hero-blob.b{width:45vw;height:45vw;background:#e64fa9;bottom:-25%;right:-8%;animation:yx-blob-b 32s ease-in-out infinite}.yx-hero-blob.c{width:30vw;height:30vw;background:#22d3ee;top:30%;left:55%;opacity:.25;animation:yx-blob-c 38s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.yx-hero-blob{animation:none}.yx-hero-video{display:none}}.yx-page{background:#0b0512;color:#ffffffeb}.yx-section{position:relative;padding:120px 32px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.yx-section-inner{position:relative;width:100%;max-width:1120px}.yx-glow-tl:before{content:"";position:absolute;top:-10%;left:-5%;width:45vw;height:45vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(109,41,217,.16),transparent 62%);pointer-events:none}.yx-glow-br:after{content:"";position:absolute;bottom:-15%;right:-8%;width:45vw;height:45vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(230,79,169,.13),transparent 62%);pointer-events:none}.yx-divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}.yx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#b98cff,#e64fa9);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}.yx-h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0 0 16px;color:#fff}.yx-lede{font-size:18px;line-height:1.65;color:#ffffffa8;max-width:640px}.yx-grad{background:linear-gradient(90deg,#e64fa9,#b98cff);-webkit-background-clip:text;background-clip:text;color:transparent}.yx-card{position:relative;border-radius:18px;padding:26px 26px 28px;background:linear-gradient(160deg,#ffffff0e,#ffffff05);border:1px solid rgba(255,255,255,.09);box-shadow:0 1px #ffffff0f inset,0 20px 40px -24px #000c;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}.yx-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(180,140,255,.5),rgba(230,79,169,.5),transparent);opacity:.7}.yx-card:hover{transform:translateY(-4px);border-color:#b48cff59;box-shadow:0 1px #ffffff14 inset,0 28px 60px -28px #6d29d98c}.yx-card h3{font-size:19px;font-weight:700;margin:0 0 10px;color:#fff;letter-spacing:-.01em}.yx-card p{font-size:15px;line-height:1.62;color:#ffffff9e;margin:0}.yx-card-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(150deg,#6d29d959,#e64fa947);border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 20px -8px #e64fa980}.yx-code{font-family:var(--yc-font-mono);font-size:.88em;padding:1px 6px;border-radius:5px;background:#b48cff1f;border:1px solid rgba(180,140,255,.18);color:#d6c6ff}.yx-step-n{flex-shrink:0;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(150deg,#6d29d9,#e64fa9);box-shadow:0 10px 26px -10px #e64fa999}.yx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;border:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.yx-btn-primary{color:#fff;background:linear-gradient(135deg,#e64fa9,#8b31d6);box-shadow:0 10px 30px -8px #e64fa98c}.yx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #e64fa9b3}.yx-btn-ghost{color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.yx-btn-ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.yx-win{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0d0a16;box-shadow:0 30px 60px -30px #000000e6}.yx-win-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.07)}.yx-win-dot{width:11px;height:11px;border-radius:50%}.yx-win-body{padding:18px 20px;font-family:var(--yc-font-mono);font-size:13.5px;line-height:1.7;color:#d7d2e6;white-space:pre;overflow-x:auto}.yx-doc-nav a{display:block;padding:9px 18px;color:#fff9;text-decoration:none;font-size:14px;border-left:2px solid transparent;transition:color .2s,border-color .2s,background .2s}.yx-doc-nav a:hover{color:#fff;background:#ffffff08}.yx-doc-nav a.active{color:#fff;border-left-color:#e64fa9;background:linear-gradient(90deg,rgba(230,79,169,.12),transparent);font-weight:600}.yx-doc h2{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.yx-doc p{line-height:1.7;color:#ffffffb8;margin:0 0 16px}.yx-doc li{line-height:1.7;color:#ffffffb8;margin-bottom:8px}.yx-doc a{color:#e64fa9;text-decoration:none}.yx-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0b0512b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.yx-nav a{color:#ffffffb3;text-decoration:none;font-weight:500;font-size:15px;transition:color .2s}.yx-nav a:hover{color:#fff}.yx-page{overflow-x:hidden}.yx-code{overflow-wrap:anywhere;word-break:break-word}.yx-win-body{overscroll-behavior-x:contain}@media(max-width:860px){.yx-section{padding:84px 20px}.yx-doc{flex-direction:column}.yx-doc>aside{width:100%!important;height:auto!important;position:static!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 0!important}.yx-doc-nav{display:flex;overflow-x:auto;gap:4px;padding:0 12px}.yx-doc-nav a{white-space:nowrap;border-left:none;border-bottom:2px solid transparent;border-radius:8px}.yx-doc-nav a.active{border-left:none;border-bottom-color:#e64fa9}.yx-doc>main{padding:32px 20px!important}}.yx-browser{max-width:1040px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px #6d29d98c,0 20px 50px -30px #000000e6;background:#0d0a16}.yx-browser-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.yx-browser-url{margin-left:12px;padding:4px 14px;flex:1;max-width:460px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.08);font-family:var(--yc-font-mono);font-size:12.5px;color:#ffffff8c;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.yx-browser-url{display:none}}