:root{--landing-bg-primary: #FFFFFF;--landing-bg-secondary: #FFFFFF;--landing-bg-tertiary: #F7F7F7;--landing-bg-elevated: #FFFFFF;--landing-text-primary: #1A1A1A;--landing-text-secondary: #666666;--landing-text-tertiary: #666666;--landing-text-muted: #999999;--landing-border-primary: #E5E5E5;--landing-border-secondary: #E5E5E5;--landing-accent: #1A1A1A;--landing-accent-hover: #666666;--landing-accent-light: #F7F7F7;--landing-accent-lighter: #F7F7F7;--landing-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.04);--landing-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04);--landing-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);--landing-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);--landing-font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Roboto, sans-serif;--landing-font-serif: Playfair Display, Noto Serif SC, Georgia, serif;--landing-font-mono: JetBrains Mono, Fira Code, SF Mono, Monaco, monospace;--width-article: 680px;--width-medium: 900px;--width-wide: 1100px;--width-full: 1400px;--landing-nav-height: 72px;--landing-section-spacing: 6rem;--landing-content-spacing: 4rem;--landing-gradient-hero: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);--landing-gradient-border: linear-gradient(90deg, #6366F1, #EC4899);--landing-gradient-text: linear-gradient(135deg, #6366F1 0%, #EC4899 100%)}[data-mode=dark]{--landing-bg-primary: #0A0A0A;--landing-bg-secondary: #0A0A0A;--landing-bg-tertiary: #141414;--landing-bg-elevated: #141414;--landing-text-primary: #EEEEEE;--landing-text-secondary: #A3A3A3;--landing-text-tertiary: #737373;--landing-text-muted: #737373;--landing-border-primary: #292929;--landing-border-secondary: #292929;--landing-accent: #FFFFFF;--landing-accent-hover: #A3A3A3;--landing-accent-light: #141414;--landing-accent-lighter: #141414;--landing-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--landing-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);--landing-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);--landing-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5)}.landing-page{font-family:var(--landing-font-family);background-color:var(--landing-bg-primary);color:var(--landing-text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-page html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){.landing-page html{scroll-behavior:auto}}.landing-page ::selection{background-color:var(--landing-accent-lighter);color:var(--landing-accent-hover)}.landing-title-7xl{font-size:4rem;font-weight:700;line-height:1.3;letter-spacing:-0.02em}@media(min-width: 1024px){.landing-title-7xl{font-size:4.5rem}}@media(min-width: 1280px){.landing-title-7xl{font-size:5rem}}.landing-title-6xl{font-size:3.5rem;font-weight:700;line-height:1.3;letter-spacing:-0.02em}@media(min-width: 1024px){.landing-title-6xl{font-size:4rem}}@media(min-width: 1280px){.landing-title-6xl{font-size:4.5rem}}.landing-title-4xl{font-size:2.5rem;font-weight:700;line-height:1.3}@media(min-width: 1024px){.landing-title-4xl{font-size:3.5rem}}.landing-title-3xl{font-size:2rem;font-weight:700;line-height:1.3}@media(min-width: 1024px){.landing-title-3xl{font-size:2.5rem}}.landing-title-2xl{font-size:1.5rem;font-weight:600;line-height:1.3}@media(min-width: 1024px){.landing-title-2xl{font-size:2rem}}.landing-title-xl{font-size:1.25rem;font-weight:600;line-height:1.5}@media(min-width: 1024px){.landing-title-xl{font-size:1.5rem}}.landing-text-xl{font-size:1.25rem;line-height:1.9}@media(min-width: 1024px){.landing-text-xl{font-size:1.5rem}}.landing-text-lg{font-size:1.125rem;line-height:1.9}@media(min-width: 1024px){.landing-text-lg{font-size:1.25rem}}.landing-text-base{font-size:1.125rem;line-height:1.7}.landing-text-sm{font-size:.875rem;line-height:1.7}.landing-text-xs{font-size:.75rem;line-height:1.7}.landing-text-gradient{color:var(--landing-accent)}.container-article{width:100%;max-width:var(--width-article);margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media(min-width: 768px){.container-article{padding-left:2rem;padding-right:2rem}}.container-medium{width:100%;max-width:var(--width-medium);margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media(min-width: 768px){.container-medium{padding-left:2rem;padding-right:2rem}}.container-wide{width:100%;max-width:var(--width-wide);margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media(min-width: 768px){.container-wide{padding-left:2rem;padding-right:2rem}}.container-full{width:100%;max-width:var(--width-full);margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media(min-width: 768px){.container-full{padding-left:2rem;padding-right:2rem}}.landing-text-primary{color:var(--landing-text-primary)}.landing-text-secondary{color:var(--landing-text-secondary)}.landing-text-tertiary{color:var(--landing-text-tertiary)}.landing-text-muted{color:var(--landing-text-muted)}.landing-text-accent{color:var(--landing-accent)}.landing-container{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media(min-width: 768px){.landing-container{padding-left:2rem;padding-right:2rem}}.landing-section{padding-top:var(--landing-section-spacing);padding-bottom:var(--landing-section-spacing)}@media(max-width: 767px){.landing-section{padding-top:4rem;padding-bottom:4rem}}.landing-section-sm{padding-top:4rem;padding-bottom:4rem}.landing-bg-primary{background-color:var(--landing-bg-primary)}.landing-bg-secondary{background-color:var(--landing-bg-secondary)}.landing-bg-tertiary{background-color:var(--landing-bg-tertiary)}.landing-mt-0{margin-top:0}.landing-mt-2{margin-top:.5rem}.landing-mt-4{margin-top:1rem}.landing-mt-6{margin-top:1.5rem}.landing-mt-8{margin-top:2rem}.landing-mt-12{margin-top:3rem}.landing-mt-16{margin-top:4rem}.landing-mb-0{margin-bottom:0}.landing-mb-2{margin-bottom:.5rem}.landing-mb-4{margin-bottom:1rem}.landing-mb-6{margin-bottom:1.5rem}.landing-mb-8{margin-bottom:2rem}.landing-mb-12{margin-bottom:3rem}.landing-mb-16{margin-bottom:4rem}.landing-hidden{display:none !important}.landing-block{display:block}.landing-flex{display:flex}.landing-inline-flex{display:inline-flex}.landing-grid{display:grid}@media(max-width: 639px){.landing-hidden-sm{display:none !important}}@media(max-width: 767px){.landing-hidden-md{display:none !important}}.landing-visible-md{display:none}@media(min-width: 768px){.landing-visible-md{display:block}}.landing-visible-lg{display:none}@media(min-width: 1024px){.landing-visible-lg{display:block}}.landing-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(26,26,26,.15)}.landing-focus-ring:focus{outline:none}.landing-link{color:var(--landing-accent);text-decoration:none;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-link:hover{color:var(--landing-accent-hover)}.landing-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(26,26,26,.15)}.landing-link-underline{position:relative;text-decoration:none}.landing-link-underline::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width 200ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-link-underline:hover::after{width:100%}.landing-grid-4{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width: 640px){.landing-grid-4{grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media(min-width: 1024px){.landing-grid-4{grid-template-columns:repeat(4, 1fr)}}.landing-grid-3{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width: 640px){.landing-grid-3{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.landing-grid-3{grid-template-columns:repeat(3, 1fr)}}.landing-grid-2{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width: 768px){.landing-grid-2{grid-template-columns:repeat(2, 1fr)}}.landing-flex-col{display:flex;flex-direction:column}.landing-flex-row{display:flex;flex-direction:row}.landing-flex-wrap{flex-wrap:wrap}.landing-flex-nowrap{flex-wrap:nowrap}.landing-items-start{align-items:flex-start}.landing-items-center{align-items:center}.landing-items-end{align-items:flex-end}.landing-justify-start{justify-content:flex-start}.landing-justify-center{justify-content:center}.landing-justify-end{justify-content:flex-end}.landing-justify-between{justify-content:space-between}.landing-justify-around{justify-content:space-around}.landing-gap-0{gap:0}.landing-gap-1{gap:.25rem}.landing-gap-2{gap:.5rem}.landing-gap-3{gap:.75rem}.landing-gap-4{gap:1rem}.landing-gap-6{gap:1.5rem}.landing-gap-8{gap:2rem}.landing-gap-12{gap:3rem}.landing-content-wrapper{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media(min-width: 768px){.landing-content-wrapper{padding-left:2rem;padding-right:2rem}}.landing-content-narrow{max-width:720px}.landing-content-wide{max-width:960px}.landing-stack,.landing-stack-reverse{display:flex;flex-direction:column;gap:1.5rem}@media(min-width: 1024px){.landing-stack,.landing-stack-reverse{flex-direction:row;gap:3rem}.landing-stack>*,.landing-stack-reverse>*{flex:1}}@media(min-width: 1024px){.landing-stack-reverse{flex-direction:row-reverse}}.landing-center{display:flex;flex-direction:column;align-items:center;text-align:center}.landing-masonry{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width: 640px){.landing-masonry{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.landing-masonry{grid-template-columns:repeat(3, 1fr)}}.landing-masonry .landing-masonry-item{break-inside:avoid;margin-bottom:1.5rem}@media(min-width: 1024px){.landing-masonry .landing-masonry-item:nth-child(3n+1){grid-row:span 1}}@media(min-width: 1024px){.landing-masonry .landing-masonry-item:nth-child(3n+2){grid-row:span 2}}.landing-split-section{display:grid;grid-template-columns:1fr;min-height:60vh;align-items:center}@media(min-width: 1024px){.landing-split-section{grid-template-columns:1fr 1fr}}.landing-split-section .split-content{padding:2rem}@media(min-width: 1024px){.landing-split-section .split-content{padding:4rem}}.landing-split-section .split-visual{display:none}@media(min-width: 1024px){.landing-split-section .split-visual{display:block;height:100%}}.landing-card,.landing-video-card,.landing-design-card,.landing-featured-project,.landing-project-card,.landing-nav-card{background-color:var(--landing-bg-secondary);border:1px solid var(--landing-border-primary);border-radius:1rem;overflow:hidden;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);position:relative}@media(prefers-reduced-motion: no-preference){.landing-card,.landing-video-card,.landing-design-card,.landing-featured-project,.landing-project-card,.landing-nav-card{transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1)}}.landing-card::before,.landing-video-card::before,.landing-design-card::before,.landing-featured-project::before,.landing-project-card::before,.landing-nav-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--landing-gradient-border);transform:scaleX(0);transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-card:hover,.landing-video-card:hover,.landing-design-card:hover,.landing-featured-project:hover,.landing-project-card:hover,.landing-nav-card:hover{transform:translateY(-4px);box-shadow:var(--landing-shadow-lg)}.landing-card:hover::before,.landing-video-card:hover::before,.landing-design-card:hover::before,.landing-featured-project:hover::before,.landing-project-card:hover::before,.landing-nav-card:hover::before{transform:scaleX(1)}.landing-card-link{display:block;text-decoration:none;color:inherit}.landing-card-link:hover{color:inherit}.landing-nav-card{padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}@media(prefers-reduced-motion: no-preference){.landing-nav-card{transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-nav-card:nth-child(1){transition-delay:50ms}.landing-nav-card:nth-child(2){transition-delay:100ms}.landing-nav-card:nth-child(3){transition-delay:150ms}.landing-nav-card:nth-child(4){transition-delay:200ms}}.landing-nav-card__icon{width:64px;height:64px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1.25rem;background:var(--landing-accent-lighter);transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-nav-card:hover .landing-nav-card__icon{transform:scale(1.1)}.landing-nav-card__title{font-size:1.5rem;font-weight:700;color:var(--landing-text-primary);margin-bottom:.5rem}.landing-nav-card__arrow{position:absolute;bottom:1.5rem;right:1.5rem;width:32px;height:32px;border-radius:50%;background:var(--landing-accent-lighter);color:var(--landing-accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:0;transform:translateX(-10px);transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-nav-card:hover .landing-nav-card__arrow{opacity:1;transform:translateX(0)}@media(prefers-reduced-motion: reduce){.landing-nav-card__arrow{opacity:1;transform:none}}.landing-nav-card__desc{font-size:.875rem;color:var(--landing-text-secondary);line-height:1.9}.landing-project-card{display:flex;flex-direction:column}.landing-project-card__image{aspect-ratio:16/10;overflow:hidden;background:var(--landing-bg-tertiary)}.landing-project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-project-card__image:hover img{transform:scale(1.05)}.landing-project-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;color:#fff;background:var(--landing-gradient-hero)}.landing-project-card__content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.landing-project-card__title{font-size:1.25rem;font-weight:600;color:var(--landing-text-primary);margin-bottom:.5rem}.landing-project-card__desc{font-size:.875rem;color:var(--landing-text-secondary);line-height:1.9;margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.landing-project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.landing-project-card__tag{padding:.25rem .75rem;background:var(--landing-accent-lighter);color:var(--landing-accent);border-radius:9999px;font-size:.75rem;font-weight:500}.landing-project-card__footer{padding:1rem 1.5rem;border-top:1px solid var(--landing-border-primary);display:flex;gap:1rem}.landing-project-card__link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--landing-text-tertiary);text-decoration:none;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-project-card__link:hover{color:var(--landing-accent)}.landing-featured-project{display:grid;grid-template-columns:1fr;gap:0}@media(min-width: 1024px){.landing-featured-project{grid-template-columns:1fr 1fr}}.landing-featured-project__image{min-height:280px;overflow:hidden}.landing-featured-project__image img{width:100%;height:100%;object-fit:cover}.landing-featured-project__content{padding:2rem;display:flex;flex-direction:column}.landing-featured-project__title{font-size:2rem;font-weight:700;color:var(--landing-text-primary);margin-bottom:1rem}.landing-featured-project__desc{font-size:1.125rem;color:var(--landing-text-secondary);line-height:1.9;margin-bottom:1.5rem;flex:1}.landing-featured-project__actions{display:flex;gap:1rem;margin-top:auto}.landing-post-card{display:flex;gap:1.5rem;padding:1.5rem;background:var(--landing-bg-secondary);border:1px solid var(--landing-border-primary);border-radius:1rem;text-decoration:none;color:inherit;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-post-card:hover{transform:translateY(-2px);box-shadow:var(--landing-shadow-md);border-color:var(--landing-accent)}.landing-post-card__cover,.landing-post-card__placeholder{width:200px;height:140px;border-radius:.75rem;background-size:cover;background-position:center;flex-shrink:0}@media(max-width: 767px){.landing-post-card__cover,.landing-post-card__placeholder{width:100%;height:180px}}.landing-post-card__placeholder{background:var(--landing-gradient-hero);display:flex;align-items:center;justify-content:center;font-size:3.5rem}.landing-post-card__content{flex:1;display:flex;flex-direction:column}.landing-post-card__title{font-size:1.5rem;font-weight:600;color:var(--landing-text-primary);margin-bottom:.75rem;line-height:1.3}.landing-post-card__excerpt{font-size:.875rem;color:var(--landing-text-secondary);line-height:1.9;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.landing-post-card__meta{margin-top:auto;display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--landing-text-tertiary)}.landing-design-card{position:relative;cursor:pointer}.landing-design-card:hover .landing-design-card__overlay{opacity:1}.landing-design-card__image{aspect-ratio:4/3;overflow:hidden}.landing-design-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-design-card__image:hover img{transform:scale(1.05)}.landing-design-card__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-design-card__view-btn{padding:.75rem 1.5rem;background:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-design-card__view-btn:hover{transform:scale(1.05)}.landing-design-card__info{padding:1.25rem}.landing-design-card__title{font-size:1.125rem;font-weight:600;color:var(--landing-text-primary);margin-bottom:.25rem}.landing-design-card__category{font-size:.75rem;color:var(--landing-text-muted)}.landing-video-card__thumbnail{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--landing-bg-tertiary)}.landing-video-card__thumbnail img{width:100%;height:100%;object-fit:cover}.landing-video-card__play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);border:none;cursor:pointer;transition:background 200ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-video-card__play-btn:hover{background:rgba(0,0,0,.5)}.landing-video-card__play-btn::after{content:"";width:72px;height:72px;border-radius:50%;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-video-card__play-btn:hover::after{transform:scale(1.1)}.landing-video-card__play-btn::before{content:"▶";position:absolute;font-size:2rem;color:#333;margin-left:4px}.landing-video-card__platform{position:absolute;top:.75rem;left:.75rem;padding:.25rem .75rem;background:rgba(0,0,0,.7);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600}.landing-video-card__info{padding:1.25rem}.landing-video-card__title{font-size:1.125rem;font-weight:600;color:var(--landing-text-primary);margin-bottom:.5rem;line-height:1.5}.landing-video-card__meta{display:flex;gap:1rem;font-size:.875rem;color:var(--landing-text-tertiary)}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:calc(var(--landing-nav-height) + 2rem);padding-bottom:4rem;padding-left:1.25rem;padding-right:1.25rem;overflow:hidden}@media(min-width: 768px){.landing-hero{padding-left:2rem;padding-right:2rem}}.landing-hero::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),radial-gradient(ellipse at 70% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),radial-gradient(ellipse at 50% 50%, rgba(129, 140, 248, 0.05) 0%, transparent 70%);pointer-events:none;z-index:0}@media(prefers-reduced-motion: no-preference){.landing-hero::before{animation:heroGradientMove 20s ease-in-out infinite}}@keyframes heroGradientMove{0%,100%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(2%, 2%) rotate(2deg)}66%{transform:translate(-2%, 1%) rotate(-1deg)}}.landing-hero__container{position:relative;z-index:1;max-width:900px;text-align:center}.landing-hero__avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--landing-bg-secondary);box-shadow:var(--landing-shadow-xl);margin-bottom:2rem}@media(min-width: 768px){.landing-hero__avatar{width:140px;height:140px}}@media(prefers-reduced-motion: no-preference){.landing-hero__avatar{animation:fadeInUp .8s ease-out}}.landing-hero__title{font-size:3.5rem;font-weight:700;line-height:1.3;color:var(--landing-text-primary);margin-bottom:1.5rem;letter-spacing:-0.02em}@media(min-width: 768px){.landing-hero__title{font-size:4rem}}@media(min-width: 1024px){.landing-hero__title{font-size:4.5rem}}@media(prefers-reduced-motion: no-preference){.landing-hero__title{animation:fadeInUp .8s ease-out .1s both}}.landing-hero__title-line{display:block}.landing-hero__title-accent{background:var(--landing-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.landing-hero__subtitle{font-size:1.25rem;color:var(--landing-text-secondary);line-height:1.9;max-width:600px;margin:0 auto 2.5rem}@media(min-width: 768px){.landing-hero__subtitle{font-size:1.5rem}}@media(prefers-reduced-motion: no-preference){.landing-hero__subtitle{animation:fadeInUp .8s ease-out .2s both}}.landing-hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(prefers-reduced-motion: no-preference){.landing-hero__actions{animation:fadeInUp .8s ease-out .3s both}}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;border-radius:9999px;font-size:1.125rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(26,26,26,.15)}@media(min-width: 640px){.landing-btn{padding:1rem 2rem}}.landing-btn--primary{background:var(--landing-gradient-hero);color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.4)}.landing-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.5);color:#fff}.landing-btn--primary:active{transform:translateY(0)}.landing-btn--secondary{background:var(--landing-bg-secondary);color:var(--landing-text-primary);border:1px solid var(--landing-border-primary)}.landing-btn--secondary:hover{border-color:var(--landing-accent);color:var(--landing-accent);transform:translateY(-2px)}.landing-btn--secondary:active{transform:translateY(0)}.landing-btn--ghost{background:rgba(0,0,0,0);color:var(--landing-text-secondary)}.landing-btn--ghost:hover{color:var(--landing-text-primary);background:var(--landing-bg-tertiary)}.landing-btn--icon{padding:.75rem}.landing-hero--small{min-height:auto;padding-top:calc(var(--landing-nav-height) + 3rem);padding-bottom:3rem}.landing-hero--small .landing-hero__title{font-size:2.5rem;margin-bottom:1rem}@media(min-width: 768px){.landing-hero--small .landing-hero__title{font-size:3.5rem}}.landing-hero--small .landing-hero__subtitle{font-size:1.125rem;margin-bottom:0}@media(min-width: 768px){.landing-hero--small .landing-hero__subtitle{font-size:1.25rem}}.landing-section-header{text-align:center;margin-bottom:4rem}@media(max-width: 767px){.landing-section-header{margin-bottom:2.5rem}}.landing-section-header__label{display:inline-block;padding:.5rem 1rem;background:var(--landing-accent-lighter);color:var(--landing-accent);border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.landing-section-header__title{font-size:2.5rem;font-weight:700;color:var(--landing-text-primary);margin-bottom:1rem;line-height:1.3}@media(min-width: 768px){.landing-section-header__title{font-size:3.5rem}}.landing-section-header__subtitle{font-size:1.25rem;color:var(--landing-text-secondary);max-width:500px;margin:0 auto}.landing-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.landing-tag{padding:.5rem 1rem;background:var(--landing-bg-secondary);border:1px solid var(--landing-border-primary);border-radius:9999px;font-size:.875rem;color:var(--landing-text-secondary);transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-tag:hover{border-color:var(--landing-accent);color:var(--landing-accent);transform:translateY(-2px)}.landing-hero__social{display:flex;justify-content:center;gap:.75rem;margin-bottom:2.5rem}@media(prefers-reduced-motion: no-preference){.landing-hero__social{animation:fadeInUp .8s ease-out .25s both}}.landing-hero__social-link{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--landing-text-secondary);background:var(--landing-bg-secondary);border:1px solid var(--landing-border-primary);text-decoration:none;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-hero__social-link:hover{color:var(--landing-accent);border-color:var(--landing-accent);transform:translateY(-2px)}.landing-hero__scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--landing-text-tertiary);text-decoration:none;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}@media(prefers-reduced-motion: no-preference){.landing-hero__scroll{animation:fadeInUp .8s ease-out .5s both}}@media(prefers-reduced-motion: reduce){.landing-hero__scroll{opacity:1;animation:none}}.landing-hero__scroll:hover{color:var(--landing-accent)}@media(max-width: 767px){.landing-hero__scroll{display:none}}.landing-hero__scroll-icon{animation:bounce 2s infinite}@media(prefers-reduced-motion: reduce){.landing-hero__scroll-icon{animation:none}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.reveal{opacity:0;transform:translateY(30px)}@media(prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}@media(prefers-reduced-motion: no-preference){.reveal{transition:opacity .6s ease-out,transform .6s ease-out}.reveal.revealed{opacity:1;transform:translateY(0)}}.landing-reveal{opacity:0;transform:translateY(30px)}@media(prefers-reduced-motion: reduce){.landing-reveal{opacity:1;transform:none}}@media(prefers-reduced-motion: no-preference){.landing-reveal{transition:opacity .6s ease-out,transform .6s ease-out}.landing-reveal.is-visible,.landing-reveal.revealed{opacity:1;transform:translateY(0)}}.reveal--1,.landing-reveal--1{transition-delay:.1s}.reveal--2,.landing-reveal--2{transition-delay:.2s}.reveal--3,.landing-reveal--3{transition-delay:.3s}.reveal--4,.landing-reveal--4{transition-delay:.4s}.reveal--5,.landing-reveal--5{transition-delay:.5s}.reveal--6,.landing-reveal--6{transition-delay:.6s}.stagger-children>*{opacity:0;transform:translateY(20px)}@media(prefers-reduced-motion: reduce){.stagger-children>*{opacity:1;transform:none}}@media(prefers-reduced-motion: no-preference){.stagger-children>*{transition:opacity .5s ease-out,transform .5s ease-out}}.stagger-children>*.revealed{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion: no-preference){.landing-float{animation:float 6s ease-in-out infinite}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion: no-preference){.landing-pulse{animation:pulse 2s ease-in-out infinite}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.landing-gradient-animated{background-size:200% 200%}@media(prefers-reduced-motion: no-preference){.landing-gradient-animated{animation:gradientShift 8s ease infinite}}@media(prefers-reduced-motion: no-preference){.landing-card-hover{transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-card-hover:hover{transform:translateY(-4px);box-shadow:var(--landing-shadow-lg)}}.landing-link-animated{position:relative;text-decoration:none}.landing-link-animated::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--landing-gradient-border);background-size:200% auto}@media(prefers-reduced-motion: no-preference){.landing-link-animated::after{transition:width 200ms cubic-bezier(0.4, 0, 0.2, 1)}}.landing-link-animated:hover::after{width:100%}@media(prefers-reduced-motion: no-preference){.landing-scale-hover{transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1)}.landing-scale-hover:hover{transform:scale(1.05)}}.landing-nav-scrolled{background:rgba(var(--landing-bg-primary), 0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--landing-shadow-sm)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@keyframes skeletonLoading{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.landing-skeleton{background:linear-gradient(90deg, var(--landing-bg-tertiary) 25%, var(--landing-border-primary) 50%, var(--landing-bg-tertiary) 75%);background-size:200px 100%;animation:skeletonLoading 1.5s ease-in-out infinite}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@media(prefers-reduced-motion: no-preference){.landing-shake{animation:shake .5s ease-in-out}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion: no-preference){.landing-spin{animation:spin 1s linear infinite}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion: no-preference){.landing-bounce{animation:bounce 2s ease-in-out infinite}}/*# sourceMappingURL=landing.css.map */