.footer[data-astro-cid-sz7xmlte]{margin-top:var(--space-4xl);padding:var(--space-4xl) 0 var(--space-2xl);background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary)}.footer__container[data-astro-cid-sz7xmlte]{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:grid;grid-template-columns:1.5fr 3fr;gap:var(--space-4xl)}.footer__brand[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-lg)}.footer__logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:var(--space-md)}.footer__logo-text[data-astro-cid-sz7xmlte]{font-size:1.25rem;font-weight:800;color:var(--color-text);letter-spacing:-.03em}.footer__description[data-astro-cid-sz7xmlte]{font-size:.9375rem;line-height:1.6;max-width:320px}.footer__nav[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.footer__group-title[data-astro-cid-sz7xmlte]{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);margin-bottom:var(--space-xl)}.footer__links[data-astro-cid-sz7xmlte]{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer__links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte],.footer__links[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]{font-size:.875rem;text-decoration:none;color:var(--color-text-secondary);transition:color var(--duration-fast)}.footer__links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-text)}.footer__bottom[data-astro-cid-sz7xmlte]{grid-column:1 / -1;margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:center}.footer__copy[data-astro-cid-sz7xmlte]{font-size:.8125rem;color:var(--color-text-muted)}@media(max-width:992px){.footer__container[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:var(--space-3xl)}.footer__brand[data-astro-cid-sz7xmlte]{text-align:center;align-items:center}.footer__nav[data-astro-cid-sz7xmlte]{justify-items:center;text-align:center}}@media(max-width:600px){.footer__nav[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:var(--space-2xl)}}.faq[data-astro-cid-al2ca2vr]{padding:var(--space-4xl) 0;background:var(--color-surface-soft)}.faq__container[data-astro-cid-al2ca2vr]{max-width:800px;margin:0 auto;padding:0 var(--space-lg)}.faq__header[data-astro-cid-al2ca2vr]{text-align:center;margin-bottom:var(--space-3xl)}.faq__title[data-astro-cid-al2ca2vr]{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:var(--space-sm)}.faq__subtitle[data-astro-cid-al2ca2vr]{color:var(--color-text-secondary);font-size:1.1rem}.faq__list[data-astro-cid-al2ca2vr]{display:flex;flex-direction:column;gap:var(--space-md)}.faq__item[data-astro-cid-al2ca2vr]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-spring)}.faq__item[data-astro-cid-al2ca2vr][open]{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.faq__question[data-astro-cid-al2ca2vr]{list-style:none;padding:var(--space-lg) var(--space-xl);font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background var(--duration-fast)}.faq__question[data-astro-cid-al2ca2vr]::-webkit-details-marker{display:none}.faq__question[data-astro-cid-al2ca2vr]:hover{background:var(--color-surface-hover)}.faq__icon[data-astro-cid-al2ca2vr]{font-size:1.25rem;color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-spring)}.faq__item[data-astro-cid-al2ca2vr][open] .faq__icon[data-astro-cid-al2ca2vr]{transform:rotate(180deg);color:var(--color-accent)}.faq__answer[data-astro-cid-al2ca2vr]{padding:0 var(--space-xl) var(--space-lg);color:var(--color-text-secondary);line-height:1.6;animation:slideDown .3s var(--ease-spring)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.faq__title[data-astro-cid-al2ca2vr]{font-size:2rem}.faq__question[data-astro-cid-al2ca2vr]{padding:var(--space-md) var(--space-lg)}.faq__answer[data-astro-cid-al2ca2vr]{padding:0 var(--space-lg) var(--space-md)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #eeecec;--color-surface: #FFFFFF;--color-text: #111111;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #E5E5E5;--color-accent: #111111;--color-accent-soft: #F0F0F0;--color-overlay: rgba(0, 0, 0, .4);--color-tooltip-bg: #1A1A1A;--color-tooltip-text: #E0E0E0;--color-toast-bg: #111111;--color-toast-text: #FFFFFF;--color-heart: #E05A5A;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--max-width: 1400px;--grid-min: 320px;--grid-gap: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .08);--shadow-tooltip: 0 12px 40px rgba(0, 0, 0, .2);--shadow-sheet: 0 -8px 40px rgba(0, 0, 0, .12);--shadow-fab: 0 4px 20px rgba(0, 0, 0, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--icon-invert: 0}[data-theme=dark]{--color-bg: #0A0A0A;--color-surface: #121212;--color-text: #F5F5F5;--color-text-secondary: #A1A1A1;--color-text-muted: #717171;--color-border: #262626;--color-accent: #FFFFFF;--color-accent-soft: #1A1A1A;--color-overlay: rgba(0, 0, 0, .7);--color-tooltip-bg: #1F1F1F;--color-tooltip-text: #F5F5F5;--color-toast-bg: #F5F5F5;--color-toast-text: #0A0A0A;--shadow-card: 0 1px 3px rgba(0, 0, 0, .2);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .4);--icon-invert: 1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #0A0A0A;--color-surface: #121212;--color-text: #F5F5F5;--color-text-secondary: #A1A1A1;--color-text-muted: #717171;--color-border: #262626;--color-accent: #FFFFFF;--color-accent-soft: #1A1A1A;--color-overlay: rgba(0, 0, 0, .7);--color-tooltip-bg: #1F1F1F;--color-tooltip-text: #F5F5F5;--color-toast-bg: #F5F5F5;--color-toast-text: #0A0A0A;--shadow-card: 0 1px 3px rgba(0, 0, 0, .2);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .4)}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:40px 40px;background-position:center;opacity:.15;pointer-events:none;z-index:-1}::selection{background:var(--color-accent);color:var(--color-surface)}.preloader{position:fixed;inset:0;background:var(--color-bg);z-index:9999;display:flex;align-items:center;justify-content:center;transition:transform 1s cubic-bezier(.85,0,.15,1)}.preloader--hidden{transform:translateY(-100%)}.preloader__content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.preloader__icon-wrapper{width:450px;max-width:90vw;height:auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.preloader__icon-wrapper svg{width:100%;height:100%}.preloader__icon-wrapper .stroke-main{fill:#fff;stroke:#1a1a1a;transition:all .3s ease}.preloader__icon-wrapper .stroke-line,.preloader__icon-wrapper .dash{stroke:#1a1a1a;transition:all .3s ease}[data-theme=dark] .preloader__icon-wrapper .stroke-main{fill:#111;stroke:#fff}[data-theme=dark] .preloader__icon-wrapper .stroke-line,[data-theme=dark] .preloader__icon-wrapper .dash{stroke:#fff}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-gradient{to{--angle: 360deg}}.hero{padding:var(--space-4xl) var(--space-lg) var(--space-3xl)}.hero__container{max-width:var(--max-width);margin:0 auto}.hero__title{font-size:clamp(3rem,8vw,6.5rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--color-text)}.hero__subtitle{margin-top:var(--space-lg);font-size:clamp(1rem,2vw,1.25rem);font-weight:400;color:var(--color-text-secondary);letter-spacing:-.01em}.hero__subtitle span{font-weight:600;color:var(--color-text)}.grid-section{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg) var(--space-4xl)}.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr));gap:var(--grid-gap)}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-lg);color:var(--color-text-muted);font-size:1.125rem}.pagination{display:flex;justify-content:center;margin-top:var(--space-2xl)}.load-more-btn{padding:var(--space-md) var(--space-3xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-weight:700;color:var(--color-text);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-card)}.load-more-btn:hover{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.load-more-btn:active{transform:translateY(0)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.style-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.style-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-text)}.style-card__image-container{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-accent-soft)}.style-card__image{width:100%;height:100%;object-fit:contain;background:var(--color-accent-soft);transition:opacity var(--duration-slow) var(--ease-out)}.style-card__image--fading{opacity:0}.style-card__info{display:flex;align-items:center;gap:var(--space-sm);padding:0}.style-card__color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid var(--color-border)}.style-card__name{font-size:.875rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-card__fav{position:absolute;top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;border:none;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text);transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast),opacity var(--duration-fast);opacity:0;transform:scale(.8);z-index:2}.style-card:hover .style-card__fav,.style-card__fav--active{opacity:1;transform:scale(1)}.style-card__fav:hover{background:var(--color-surface);transform:scale(1.15)!important;border-color:var(--color-text)}.style-card__fav--active{color:var(--color-heart);animation:heart-pulse .4s var(--ease-spring)}@keyframes heart-pulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.yaml-tooltip{position:fixed;z-index:100;width:380px;max-height:340px;background:var(--color-tooltip-bg);color:var(--color-tooltip-text);border-radius:var(--radius-md);box-shadow:var(--shadow-tooltip);padding:var(--space-md);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .2s ease-out,transform .2s ease-out;overflow:hidden}.yaml-tooltip:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--angle),#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:rotate-gradient 3s linear infinite;pointer-events:none}.yaml-tooltip[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.yaml-tooltip__code{font-family:var(--font-mono);font-size:.7rem;line-height:1.5;white-space:pre;overflow:hidden;max-height:260px;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.yaml-tooltip .copy-btn{position:absolute;bottom:var(--space-sm);right:var(--space-sm);z-index:2}.bottom-sheet__backdrop{position:fixed;inset:0;background:var(--color-overlay);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:199}.bottom-sheet[data-visible=true] .bottom-sheet__backdrop{opacity:1}.bottom-sheet__panel{position:fixed;bottom:0;left:0;right:0;max-height:75vh;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sheet);padding:0 var(--space-lg) var(--space-lg);transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-spring);z-index:200;display:flex;flex-direction:column}.bottom-sheet[data-visible=true] .bottom-sheet__panel{transform:translateY(0)}.bottom-sheet__panel:before{display:none}.bottom-sheet__code-wrapper{position:relative;border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-md);background:var(--color-tooltip-bg);border:1px solid var(--color-border);flex:1;display:flex;flex-direction:column;min-height:0}.bottom-sheet__code-wrapper:after{display:none}.bottom-sheet__handle{width:36px;height:4px;background:var(--color-border);border-radius:var(--radius-pill);margin:var(--space-md) auto;flex-shrink:0}.bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md);flex-shrink:0}.bottom-sheet__title{font-size:1rem;font-weight:700;letter-spacing:-.02em}.bottom-sheet__close{width:32px;height:32px;border:none;background:var(--color-accent-soft);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:background var(--duration-fast)}.bottom-sheet__close:hover{background:var(--color-border)}.bottom-sheet__code{font-family:var(--font-mono);font-size:.75rem;line-height:1.6;white-space:pre;overflow:auto;flex:1;min-height:0;padding:var(--space-md);background:var(--color-accent-soft);border-radius:var(--radius-sm);color:var(--color-text);position:relative}.bottom-sheet__code:before{display:none}.bottom-sheet .copy-btn{margin-top:var(--space-md);width:100%;justify-content:center;flex-shrink:0}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;background:var(--color-text);color:var(--color-surface);font-family:var(--font-sans);font-size:.75rem;font-weight:600;border-radius:var(--radius-pill);cursor:pointer;transition:opacity var(--duration-fast),transform var(--duration-fast) var(--ease-spring)}.copy-btn:hover{opacity:.85}.copy-btn:active{transform:scale(.95)}.copy-btn--small{padding:6px 12px;font-size:.6875rem}.copy-btn__icon{font-size:1em}.copy-btn--copied{background:#2e7d32}.nav-modal__backdrop{position:fixed;inset:0;background:var(--color-overlay);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:299}.nav-modal[data-visible=true] .nav-modal__backdrop{opacity:1}.nav-modal__panel{position:fixed;bottom:80px;right:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-tooltip);padding:var(--space-sm);min-width:220px;transform:scale(.9) translateY(10px);opacity:0;transition:transform var(--duration-normal) var(--ease-spring),opacity var(--duration-normal) var(--ease-out);z-index:300}.nav-modal[data-visible=true] .nav-modal__panel{transform:scale(1) translateY(0);opacity:1}.nav-modal__list{list-style:none}.nav-modal__item{display:block}.nav-modal__link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);font-size:.875rem;font-weight:500;transition:background var(--duration-fast)}.nav-modal__link:hover{background:var(--color-accent-soft)}.nav-modal__link--active{background:var(--color-accent-soft);font-weight:700}.nav-modal__emoji,.nav-modal__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1.125rem;flex-shrink:0}.nav-modal__icon svg{width:20px;height:20px;opacity:.8}.nav-modal__divider{height:1px;background:var(--color-border);margin:var(--space-xs) var(--space-md)}.fab{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:52px;height:52px;border:none;background:var(--color-text);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-fab);z-index:301;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast)}.fab:hover{transform:scale(1.08)}.fab:active{transform:scale(.95)}.fab__lines{display:flex;flex-direction:column;gap:4px;transition:transform var(--duration-normal) var(--ease-out)}.fab__lines span{display:block;width:20px;height:2px;background:var(--color-surface);border-radius:1px;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-fast)}.fab--open .fab__lines span:nth-child(1){transform:translateY(6px) rotate(45deg)}.fab--open .fab__lines span:nth-child(2){opacity:0}.fab--open .fab__lines span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.fab-fav{width:56px;height:56px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000014;font-size:1.5rem;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast),box-shadow var(--duration-fast),color var(--duration-fast)}@media(max-width:768px){.top-actions{top:20px;right:20px;gap:10px}}@media(max-width:480px){.top-actions{top:12px;right:12px;gap:6px}.action-btn{width:36px;height:36px;padding:8px}.fab-fav{width:44px;height:44px;font-size:1.2rem}.fab-fav__badge{width:16px;height:16px;font-size:.65rem;top:-4px;right:-4px}}.fab-fav:hover{transform:scale(1.1);box-shadow:var(--shadow-card-hover)}.fab-fav--active{background:var(--color-text);color:var(--color-heart);border-color:var(--color-text)}.fab-fav__badge{position:absolute;top:-4px;right:-4px;background:var(--color-heart);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface);opacity:0;transform:scale(0);transition:transform .3s var(--ease-spring),opacity .3s}.fab-fav--has-items .fab-fav__badge{opacity:1;transform:scale(1)}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%) translateY(20px);background:var(--color-toast-bg);color:var(--color-toast-text);font-size:.8125rem;font-weight:500;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);box-shadow:var(--shadow-tooltip);opacity:0;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);z-index:500;pointer-events:none}.toast[data-visible=true]{opacity:1;transform:translate(-50%) translateY(0)}.top-actions{position:fixed;top:var(--space-lg);right:var(--space-lg);display:flex;gap:var(--space-sm);z-index:500}.action-btn{width:44px;height:44px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-card);text-decoration:none;padding:0}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-text)}.social-hub{display:flex;gap:var(--space-sm)}.social-trigger{display:none}.social-desktop{display:flex;gap:var(--space-sm)}.social-modal{position:fixed;inset:0;z-index:1000}.social-modal__backdrop{position:absolute;inset:0;background:var(--color-overlay);opacity:0;transition:opacity .3s}.social-modal[data-visible=true] .social-modal__backdrop{opacity:1}.social-modal__panel{position:absolute;top:80px;right:var(--space-lg);width:260px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-tooltip);padding:var(--space-lg);transform:translateY(-20px);opacity:0;transition:all .3s var(--ease-spring);border:1px solid var(--color-border)}.social-modal[data-visible=true] .social-modal__panel{transform:translateY(0);opacity:1}.social-modal__title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.social-modal__grid{display:flex;flex-direction:column;gap:var(--space-xs)}.social-modal__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);font-size:.9375rem;font-weight:500;background:transparent;border:none;width:100%;cursor:pointer;transition:background .2s,transform .1s}.social-modal__item:hover{background:var(--color-accent-soft);transform:translate(4px)}.social-modal__item .action-btn__icon{width:18px;height:18px}@media(max-width:992px){.social-desktop{display:none}.social-trigger{display:flex}}.lang-selector{position:relative}.lang-trigger{font-weight:700;font-size:.75rem;letter-spacing:.05em;min-width:44px}.lang-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-tooltip);padding:var(--space-xs);display:flex;flex-direction:column;min-width:140px;z-index:1100;transform:translateY(-10px);opacity:0;transition:all .2s var(--ease-spring);pointer-events:none}.lang-menu:not([hidden]){display:flex}.lang-menu[data-visible=true]{transform:translateY(0);opacity:1;pointer-events:auto}.lang-menu__item{background:transparent;border:none;color:var(--color-text);padding:var(--space-sm) var(--space-md);text-align:left;font-size:.875rem;font-family:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background .2s}.lang-menu__item:hover{background:var(--color-accent-soft)}.action-btn__icon{width:20px;height:20px}.action-btn__icon{width:20px;height:20px;filter:grayscale(1) invert(var(--icon-invert, 0));opacity:.7;transition:transform var(--duration-fast) var(--ease-spring),opacity var(--duration-fast),filter var(--duration-normal)}.action-btn:hover .action-btn__icon{transform:scale(1.1);opacity:1}.theme-toggle__icons{position:relative;width:20px;height:20px}.theme-toggle__sun,.theme-toggle__moon{position:absolute;inset:0;width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-spring),opacity var(--duration-normal)}[data-theme=dark] .theme-toggle__sun{transform:scale(0) rotate(90deg);opacity:0}[data-theme=light] .theme-toggle__moon{transform:scale(0) rotate(-90deg);opacity:0}@media(max-width:768px){.hero{padding:var(--space-3xl) var(--space-md) var(--space-2xl)}.hero__title{font-size:clamp(2.25rem,10vw,3.5rem)}.grid-section{padding:0 var(--space-md) var(--space-3xl)}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-sm)}.style-card__fav{opacity:1;transform:scale(1)}.yaml-tooltip{display:none!important}}@media(max-width:480px){.bento-grid{grid-template-columns:1fr;gap:var(--space-sm)}.hero__title{font-size:2rem}.fab{bottom:var(--space-md);right:var(--space-md);width:48px;height:48px}}@media(min-width:1200px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1600px){.bento-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.landing-hero{position:relative;padding:var(--space-4xl) var(--space-lg) var(--space-4xl);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;min-height:80vh}.landing-hero__container{max-width:800px;position:relative;z-index:2}.landing-hero__title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-lg)}.landing-hero__subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.landing-hero__actions{display:flex;gap:var(--space-md);justify-content:center}.landing-hero__blob{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);z-index:1;opacity:.3;animation:blob-float 10s infinite alternate ease-in-out}.landing-hero__blob--1{background:#b18cff;top:-100px;left:-100px}.landing-hero__blob--2{background:#00f2ff;bottom:-100px;right:-100px;animation-delay:-5s}@keyframes blob-float{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}.landing-section{padding:var(--space-4xl) var(--space-lg)}.landing-section--alt{background:var(--color-accent-soft)}.landing-section__container{max-width:var(--max-width);margin:0 auto}.landing-section__container--narrow{max-width:800px}.landing-section__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-3xl);text-align:center}.landing-section__footer{margin-top:var(--space-3xl);display:flex;justify-content:center}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-2xl)}.how-card{background:var(--color-surface);padding:var(--space-2xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:relative;transition:transform var(--duration-normal) var(--ease-out)}.how-card:hover{transform:translateY(-8px);border-color:var(--color-text)}.how-card__number{font-size:3rem;font-weight:900;color:var(--color-accent-soft);position:absolute;top:var(--space-lg);right:var(--space-lg);line-height:1}.how-card__title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-md);position:relative}.how-card__desc{color:var(--color-text-secondary)}.faq-list{display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-item__question{padding:var(--space-lg);font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item__question:after{content:"↓";transition:transform var(--duration-normal)}.faq-item[open] .faq-item__question:after{transform:rotate(180deg)}.faq-item__answer{padding:0 var(--space-lg) var(--space-lg);color:var(--color-text-secondary)}.cta-video-section{position:relative;padding:var(--space-4xl) var(--space-lg);min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.video-bg{position:absolute;inset:0;z-index:1}.video-bg__content{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:#0009;z-index:2;backdrop-filter:blur(2px)}.cta-video-section__content{position:relative;z-index:3;max-width:800px}.cta-video-section__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:var(--space-md)}.cta-video-section__subtitle{font-size:1.25rem;margin-bottom:var(--space-2xl);opacity:.9}.btn{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-pill);font-weight:700;text-decoration:none;transition:all var(--duration-normal) var(--ease-out);cursor:pointer}.btn--primary{background:var(--color-text);color:var(--color-surface);border:1px solid var(--color-text)}.btn--primary:hover{background:transparent;color:var(--color-text);transform:translateY(-2px)}.btn--secondary{background:var(--color-accent-soft);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-text)}.btn--outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-text);background:var(--color-accent-soft)}.btn--large{padding:var(--space-md) var(--space-3xl);font-size:1.125rem}[data-theme=dark] .btn--primary{background:#fff;color:#000;border-color:#fff}[data-theme=dark] .btn--primary:hover{background:transparent;color:#fff}