:root{--color-primary:#1c2b4a;--color-primary-light:#2e4270;--color-primary-dark:#111c30;--color-accent:#8b7355;--color-accent-light:#a8906e;--color-accent-dark:#6e5a40;--color-bg:#f5f2ed;--color-bg-card:#fff;--color-bg-subtle:#e8e4dc;--color-text-primary:#2c2c2c;--color-text-secondary:#6b6b6b;--color-text-light:#fff;--color-text-muted:#9e9e9e;--color-border:#ddd8cf;--color-border-subtle:#eeebe5;--color-ot:#8b3a3a;--color-nt:#2e5f8a;--color-modern:#059669;--color-prophecy:#d97706;--color-unknown:#6b7280;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Lato", "Helvetica Neue", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.8;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #1c2b4a14;--shadow-md:0 4px 12px #1c2b4a1a;--shadow-lg:0 8px 24px #1c2b4a1f;--shadow-xl:0 16px 40px #1c2b4a29;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1200px;--content-width:960px;--navbar-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-weight:var(--weight-regular);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-md)}p{line-height:var(--leading-relaxed);color:var(--color-text-primary)}a{color:inherit;transition:color var(--transition-base);text-decoration:none}html,body,#root{height:100%}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);border:none;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-text-light)}.btn-primary:hover{background-color:var(--color-accent-light);box-shadow:var(--shadow-md)}.btn-outline{color:var(--color-text-primary);border:1.5px solid var(--color-border);background-color:#0000}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.tag-ot{color:var(--color-ot);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.tag-nt{color:var(--color-nt);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.section{padding:var(--space-4xl) var(--space-xl)}.container{max-width:var(--max-width);padding-inline:var(--space-xl);margin-inline:auto}@media (max-width:992px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width:500px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.section{padding:var(--space-2xl) var(--space-md)}}
.header{z-index:100;width:100%;padding-top:var(--space-md);padding-bottom:var(--space-md);background:var(--color-primary);transition:background-color var(--transition-base);justify-content:space-evenly;align-items:center;display:flex;position:sticky;top:0}.logo{font-size:var(--text-lg);color:var(--color-text-light);font-weight:var(--weight-bold);font-family:var(--font-heading)}.navbar{display:flex}.navbar a{font-size:var(--text-base);color:var(--color-text-light);font-weight:var(--weight-medium);margin-left:var(--space-xl);position:relative}.navbar a:before{content:"";background:var(--color-accent);width:0%;height:2px;transition:var(--transition-base);position:absolute;top:100%;left:0}.navbar a:hover:before{width:100%}.lang-switcher{margin-left:var(--space-xl);position:relative}.mobile-lang-switcher{display:none;position:relative}.lang-btn{color:var(--color-text-light);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--transition-base);background:#ffffff1a;border:.5px solid #ffffff40;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;display:flex}.lang-btn:hover{background:#ffffff2e}.lang-chevron{transition:transform var(--transition-base);font-size:11px;display:inline-block}.lang-chevron.open{transform:rotate(180deg)}.lang-dropdown{background:var(--color-primary-dark);z-index:200;border:.5px solid #ffffff26;border-radius:8px;min-width:150px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.lang-option{width:100%;color:var(--color-text-light);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--transition-base);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;display:flex}.lang-option:hover{background:#ffffff14}.lang-option.active{background:#ffffff1f}.lang-check{color:var(--color-accent);margin-left:auto;font-size:12px}.hamburger{color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);background:0 0;border:none;display:none}.mobile-menu{background:var(--color-primary-dark);padding:var(--space-md) var(--space-xl);gap:var(--space-md);border-top:.5px solid #ffffff1a;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.mobile-menu a{font-size:var(--text-base);color:var(--color-text-light);font-weight:var(--weight-medium);font-family:var(--font-body);padding:var(--space-sm) 0;transition:color var(--transition-base);border-bottom:.5px solid #ffffff1a}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{color:var(--color-accent-light)}@media (max-width:768px){.header{padding-inline:var(--space-xl);justify-content:space-between;position:relative}.navbar{display:none}.hamburger{justify-content:center;align-items:center;display:flex}.mobile-lang-switcher{display:block}}