*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;color:#333;background:#fff;line-height:1.5}:root{--pink-25:#fdf8f9;--pink-50:#faf5f7;--pink-100:#fceef2;--pink-200:#f9e2e9;--pink-300:#f3d0dd;--pink-400:#eab4c7;--pink-500:#df9bb0;--pink-600:#d4859c;--pink-700:#c17389;--pink-800:#a45f74;--pink-900:#874e62;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--rose-50:#fdf2f8;--rose-100:#fce7f3;--rose-200:#fbcfe8;--rose-300:#f9a8d4;--rose-400:#f472b6;--rose-500:#ec4899;--rose-600:#db2777;--rose-700:#be185d;--cream-50:#fefcf9;--cream-100:#fdf8f3;--cream-200:linen;--brand-light:var(--pink-500);--brand-soft:var(--pink-400);--brand-lighter:var(--pink-100);--brand-dark:var(--pink-700);--background:var(--cream-50);--surface:#fff;--surface-light:var(--cream-100);--surface-elevated:#fff;--text-primary:var(--neutral-800);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-500);--text-subtle:var(--neutral-400);--text-inverse:#fff;--border-light:var(--pink-100);--border-soft:var(--neutral-100);--shadow-soft:0 1px 3px 0 rgba(219,39,119,.08);--shadow-gentle:0 2px 8px 0 rgba(219,39,119,.12);--shadow-elevated:0 4px 12px 0 rgba(219,39,119,.15);--shadow-large:0 8px 24px 0 rgba(219,39,119,.12);--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--brand:var(--pink-600);--border:var(--neutral-200);--background:var(--background);--foreground:var(--text-primary);--card:var(--surface);--surface:var(--surface);--ink:var(--text-primary);--muted:var(--text-muted)}body{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0 0 1rem;letter-spacing:-.025em}h1{font-size:2.25rem;line-height:1.2}h2{font-size:1.875rem;line-height:1.3}h3{font-size:1.5rem;line-height:1.4}a{color:var(--brand);text-decoration:none;transition:all .2s ease}a:hover{color:var(--brand-dark)}label{display:block;margin:0 0 .5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}input,select,textarea{font:inherit;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:all .2s ease;width:100%;font-size:1rem;color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px rgba(212,133,156,.1)}button{font:inherit;padding:.75rem 1.5rem;border-radius:var(--radius);border:1px solid var(--brand);background:var(--brand);color:var(--text-inverse);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft)}button:hover{background:var(--brand-dark);border-color:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-gentle)}button:active{transform:translateY(0);box-shadow:var(--shadow-soft)}form{max-width:820px;background:var(--card);padding:2rem;border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--shadow);margin:2rem auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;align-items:stretch}.grid>*{height:100%}.site-header{background:var(--surface-elevated);border-bottom:1px solid var(--border-soft);position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-soft)}.site-main{padding:2rem 1rem;max-width:1280px;margin:0 auto;background:var(--background)}.site-footer{padding:3rem 1rem;border-top:1px solid var(--border);color:var(--muted);text-align:center;background:var(--surface)}.nav{justify-content:space-between;padding:1rem 2rem;max-width:1280px;margin:0 auto}.nav,.nav-left,.nav-right{display:flex;gap:1rem;align-items:center}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.25rem;color:var(--ink)}.brand,.brand:hover{text-decoration:none}.brand-logo{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:999px;box-shadow:var(--shadow);overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-text{color:var(--brand);font-weight:700}.lang-link,.nav-link{padding:.5rem 1rem;border-radius:var(--radius);transition:all .2s ease;font-weight:500;text-decoration:none;color:var(--text-secondary)}.lang-link:hover,.nav-link:hover{background:var(--brand-lighter);color:var(--brand);text-decoration:none}.lang-link.active,.nav-link.active{background:var(--brand);color:var(--text-inverse);font-weight:500}.language-selector{display:flex;gap:.125rem;align-items:center;padding:.125rem;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface)}.language-selector .lang-link{padding:.375rem .75rem;font-size:.875rem;border-radius:calc(var(--radius) - .125rem)}.language-dropdown{position:relative}.language-dropdown .lang-trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--surface);color:var(--text-secondary);font-weight:600;cursor:pointer}.language-dropdown .lang-trigger:hover{background:var(--brand-lighter);color:var(--brand)}.language-dropdown .lang-trigger .caret{opacity:.7}.language-dropdown .lang-menu{position:absolute;right:0;margin-top:.5rem;min-width:200px;border:1px solid var(--border-soft);background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.375rem;z-index:50}.language-dropdown .lang-option{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.5rem .625rem;border-radius:var(--radius);color:var(--text-secondary);text-decoration:none}.language-dropdown .lang-option:hover{background:var(--brand-lighter);color:var(--brand);text-decoration:none}.language-dropdown .lang-option.active{background:var(--brand);color:var(--text-inverse)}.language-dropdown .lang-option .lang-name{font-size:.95rem}.language-dropdown .lang-option .lang-short{font-size:.8rem;opacity:.8}article.card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:1.5rem;background:var(--surface-elevated);transition:all .2s ease}article.card:hover{transform:translateY(-1px);border-color:var(--border-light)}.hero{padding:4rem 1rem;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border-soft);margin:2rem 0}.hero-inner{max-width:800px;margin:0 auto;text-align:center}.hero-badge{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-full);background:var(--brand-lighter);color:var(--brand);margin-bottom:1rem;font-weight:500;font-size:.875rem;letter-spacing:.025em}.hero-desc{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.hero-actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.btn,.hero-actions{justify-content:center}.btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-weight:500;text-decoration:none;font-size:.875rem;letter-spacing:.025em}.btn-primary{background:var(--brand);color:var(--text-inverse);border:1px solid var(--brand);box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-gentle);text-decoration:none}.btn-ghost{background:transparent;color:var(--brand);border:1px solid var(--brand)}.btn-ghost:hover{background:var(--brand-lighter);text-decoration:none}.tool-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.75rem;border-radius:var(--radius-lg);transition:all .2s ease;background:#fff;border:1px solid var(--border-soft);height:240px;justify-content:center;position:relative;overflow:hidden}.tools-index .tool-card{padding-top:3rem;padding-bottom:3rem}.tool-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand-lighter);margin-bottom:1rem;font-size:1.25rem;transition:all .2s ease;color:var(--brand);flex:0 0 auto;aspect-ratio:1/1;line-height:0}.tool-icon>span{line-height:1;font-size:1.5rem}.tool-card:hover .tool-icon{transform:translateY(-2px);background:var(--brand);color:var(--text-inverse)}.tool-desc{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-gentle);border-color:var(--border-light)}@media (max-width:768px){.hero{padding:2rem 1rem;margin:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.nav{padding:1rem;gap:1rem}.hero-actions,.nav{flex-direction:column}.hero-actions{align-items:center}.grid{grid-template-columns:1fr;gap:1rem}}.animate-fade-in{animation:fadeIn .5s ease-in}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bg-gradient-rose{background:linear-gradient(135deg,var(--rose-100),var(--pink-100))}.bg-gradient-purple{background:linear-gradient(135deg,var(--purple-100),var(--pink-100))}.text-gradient{color:var(--text-primary)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--rose-500);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--rose-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--rose-400)}