:root{--color-brand: #FF007F;--color-brand-hover: #E0006F;--color-brand-light: #FF66B2;--color-brand-dark: #D1005F;--color-bg-primary: #f9fafb;--color-bg-secondary: #f3f4f6;--color-bg-card: #f8f8f8;--color-bg-elevated: #ffffff;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-card: #d1d5db;--color-link: #FF66B2;--color-link-hover: #FF007F;--container-padding: 1rem;--section-spacing: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.dark{--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-card: #1f2937;--color-bg-elevated: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-text-inverse: #111827;--color-border: #374151;--color-border-light: #1f2937;--color-border-card: #4b5563;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6,.font-poppins{font-family:Poppins,sans-serif;font-weight:700;line-height:1.2}.font-mono,code,pre{font-family:Roboto Mono,monospace}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}.link-brand{color:var(--color-brand)}.link-brand:hover{color:var(--color-brand-hover)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}:focus:not(:focus-visible){outline:none}.dark ::-webkit-scrollbar{width:10px;height:10px}.dark ::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--color-border-card);border-radius:5px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[dir=rtl]{text-align:right}[dir=rtl] .breadcrumb-list{flex-direction:row-reverse}::-moz-selection{background-color:var(--color-brand-light);color:var(--color-text-inverse)}::selection{background-color:var(--color-brand-light);color:var(--color-text-inverse)}.dark ::-moz-selection{background-color:var(--color-brand);color:#fff}.dark ::selection{background-color:var(--color-brand);color:#fff}.breadcrumb-nav{margin-bottom:.5rem}.breadcrumb-list{display:flex;align-items:center;list-style:none;padding:0;margin:0;font-size:.875rem;gap:.5rem;flex-wrap:wrap}.breadcrumb-list li{display:flex;align-items:center}.breadcrumb-list li:not(:last-child):after{content:"/";margin-left:.5rem;color:var(--color-text-muted)}.breadcrumb-list a{color:var(--color-brand);text-decoration:none}.breadcrumb-list a:hover{text-decoration:underline;color:var(--color-brand-hover)}.breadcrumb-list li[aria-current=page],.breadcrumb-list .breadcrumb-current{color:var(--color-text-secondary)}.page-hero{margin-bottom:var(--section-spacing)}.page-hero--centered{text-align:center}.page-hero__title{font-size:2rem;font-family:Poppins,sans-serif;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem;line-height:1.2}.page-hero__description{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0;max-width:800px}.page-hero--centered .page-hero__description{margin-left:auto;margin-right:auto}@media(max-width:768px){.page-hero__title{font-size:1.75rem}.page-hero__description{font-size:.95rem}}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-normal)}.card:hover{border-color:var(--color-brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal)}.tool-card:hover{border-color:var(--color-brand);transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.tool-card__icon{width:64px;height:64px;border-radius:var(--radius-lg);flex-shrink:0;-o-object-fit:contain;object-fit:contain}.tool-card__content{flex:1;min-width:0}.tool-card__title{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 .5rem;font-weight:600;font-family:Poppins,sans-serif}.tool-card__description{color:var(--color-text-secondary);font-size:.9rem;margin:0;line-height:1.5}@media(max-width:768px){.tool-card{padding:1rem}.tool-card__icon{width:48px;height:48px}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}@media(max-width:768px){.card-grid{grid-template-columns:1fr}}.content-container{max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}.content-container--narrow{max-width:800px}.content-container--wide{max-width:1400px}.section{margin-bottom:var(--section-spacing)}.section--lg{margin-bottom:calc(var(--section-spacing) * 1.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:hover{text-decoration:none}.btn--primary{background-color:var(--color-brand);color:#fff;border-color:var(--color-brand)}.btn--primary:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn--secondary{background-color:transparent;color:var(--color-brand);border-color:var(--color-brand)}.btn--secondary:hover{background-color:var(--color-brand);color:#fff}.input{width:100%;padding:.625rem .875rem;font-size:1rem;border:1px solid var(--color-border-card);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #ff007f1a;outline:none}.input::-moz-placeholder{color:var(--color-text-muted)}.input::placeholder{color:var(--color-text-muted)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-brand)}.bg-card{background-color:var(--color-bg-card)}.bg-elevated{background-color:var(--color-bg-elevated)}.border-card{border:1px solid var(--color-border-card)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-md);background-color:transparent;border:none;cursor:pointer;color:var(--color-text-primary);transition:background-color var(--transition-fast)}.icon-btn:hover{background-color:var(--color-bg-secondary)}.icon-btn svg,.icon-btn img{width:1.25rem;height:1.25rem}:root{--primary-color: var(--color-brand);--primary-color-hover: var(--color-brand-hover);--primary-color-light: var(--color-brand-light);--primary-color-dark: var(--color-brand-dark);--link-color: var(--color-link);--link-hover-color: var(--color-link-hover);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary)}