@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-secondary:#ec4899;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #6366f14d;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--header-height:70px;--sidebar-width:280px;--container-max:1280px;--container-padding:24px}.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:16px;line-height:1.6;overflow-x:hidden;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--text-muted);border-radius:9999px;border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--text-secondary)}::selection{background:#6366f1;background:var(--color-primary);color:#fff}:focus-visible{border-radius:8px;border-radius:var(--border-radius-sm);outline:2px solid #6366f1;outline:2px solid var(--color-primary);outline-offset:2px}a{color:#6366f1;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#4f46e5;color:var(--color-primary-dark)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit}code{background:#f1f5f9;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--border-radius-sm);font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em;padding:2px 6px}.container{margin:0 auto;max-width:1280px;max-width:var(--container-max);padding:0 24px;padding:0 var(--container-padding);width:100%}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-slow),transform var(--transition-slow)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){:root{--container-padding:16px;--header-height:60px}}.app{background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.app__content{display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - var(--header-height))}.app__page{animation:fadeInUp .4s ease-out;flex:1 1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app__header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid var(--border-color);height:var(--header-height);position:sticky;top:0;transition:all var(--transition-base);z-index:1000}.dark-mode .app__header{background:#0f172ad9}.app__loading{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.app__spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.dark-mode-toggle{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--border-radius-full);bottom:24px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:24px;transition:all var(--transition-base);width:56px;z-index:9999}.dark-mode-toggle:hover{box-shadow:var(--shadow-glow);transform:scale(1.1) rotate(15deg)}.dark-mode-toggle:active{transform:scale(.95)}.app__footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:40px 0}@media (max-width:768px){.app__header{height:var(--header-height)}.dark-mode-toggle{bottom:16px;font-size:20px;height:48px;right:16px;width:48px}}.page-wrapper{min-height:calc(100vh - var(--header-height));position:relative}.page-wrapper--with-padding{padding:40px 0}.section{padding:80px 0}.section--alt{background:var(--bg-secondary)}.section__header{margin-bottom:48px;text-align:center}.section__title{color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.section__subtitle{color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:all var(--transition-base)}.card:hover{transform:translateY(-2px)}.card--elevated,.card:hover{box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:var(--shadow-xl)}.btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:8px;justify-content:center;line-height:1.4;padding:12px 24px;transition:all var(--transition-fast)}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 2px 8px #6366f14d;color:#fff}.btn--primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn--secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn--secondary:hover{background:var(--bg-secondary)}.btn--ghost{background:#0000;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn--sm{font-size:.8125rem;padding:8px 16px}.btn--lg{font-size:1rem;padding:16px 32px}.grid{grid-gap:24px;display:grid;gap:24px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .app__header{direction:rtl}[dir=rtl] .section__title{letter-spacing:0}